-
Notifications
You must be signed in to change notification settings - Fork 80
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
feat(side-panel): pinnable and inline side panel #1615
base: main
Are you sure you want to change the base?
Conversation
👋 @Jinnie,
Thank you, 🤖 Clarity Release Bot |
This PR introduces visual changes: 2eb00bf
|
1af7f2c
to
90483e8
Compare
This PR introduces visual changes: c942c34
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
In Storybook dynamically changed clrSidePanelSize
while pinned doesn't affect/notify the container to resize itself.
This PR introduces visual changes: a966cd8
|
This PR introduces visual changes: 78f0b1a
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Check my comments regarding side-panel logic in modal.
<button | ||
type="button" | ||
[attr.aria-label]="commonStrings.keys.sidePanelPin" | ||
class="pinnable" | ||
*ngIf="pinnable" | ||
(click)="togglePinned()" | ||
> | ||
<cds-icon [attr.shape]="pinned ? 'unpin' : 'pin'"></cds-icon> | ||
</button> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Make no sense side-panel logic to be inside modal.
get pinned(): boolean { | ||
return this._pinned; | ||
} | ||
|
||
set pinned(pinned: boolean) { | ||
if (this.pinnable) { | ||
this._pinned = pinned; | ||
if (pinned) { | ||
this.displaySideBySide(); | ||
} else { | ||
this.displayOverlapping(); | ||
} | ||
} | ||
} | ||
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Make no sense side-panel logic to be inside modal.
PR Checklist
Please check if your PR fulfills the following requirements:
PR Type
What kind of change does this PR introduce?
What is the current behavior?
Issue Number: N/A
What is the new behavior?
Does this PR introduce a breaking change?
Other information