Skip to content
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(ui5-panel): make the header clickable #204

Merged
merged 9 commits into from
Mar 19, 2019

Conversation

ilhan007
Copy link
Member

@ilhan007 ilhan007 commented Mar 18, 2019

Make the entire header area clickable in order to toggle the panel, add keyboard handling (SPACE and ENTER) and focus outline. Note, that this would be the default behaviour. If custom header is set, only the icon will be clickable out of the box (as currently).

Fixes: #194

@ilhan007 ilhan007 requested review from pskelin and vladitasev and removed request for pskelin March 18, 2019 17:15
Copy link
Contributor

@vladitasev vladitasev left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I like the idea, not completely sure who must validate in the end though, maybe Stani?

@ilhan007
Copy link
Member Author

I like the idea, not completely sure who must validate in the end though, maybe Stani?
Yes, it`s up to @sbaltova I guess. We should also decide what to be the default behaviour of the header (clickable or not).

@ilhan007 ilhan007 changed the title feat(ui5-panel): introduce headerClickable property feat(ui5-panel): make the header clickable Mar 19, 2019
pskelin
pskelin previously approved these changes Mar 19, 2019
Copy link
Contributor

@pskelin pskelin left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

this proposal matches the behaviour of the details HTMLElement so we should strive for the same by default
https://developer.mozilla.org/en-US/docs/Web/HTML/Element/details


_getHeader() {
return this.shadowRoot.querySelector(".sapMPanelWrappingDiv");
debugger;
Copy link
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

forgotten

Copy link
Member Author

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

it is removed with the last commit

@ilhan007 ilhan007 dismissed pskelin’s stale review March 19, 2019 14:05

changes are applied

@ilhan007 ilhan007 merged commit c5c1786 into master Mar 19, 2019
@ilhan007 ilhan007 deleted the feat-panel-header-clickable branch March 19, 2019 14:34
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants