Skip to content

feat(ui5-menu-separator): add new component#8871

Merged
didip1000 merged 19 commits intomainfrom
menu-separator
Jun 21, 2024
Merged

feat(ui5-menu-separator): add new component#8871
didip1000 merged 19 commits intomainfrom
menu-separator

Conversation

@didip1000
Copy link
Copy Markdown
Contributor

@didip1000 didip1000 commented Apr 29, 2024

New component that can be slotted with menu items

BREAKING CHANGE: startsSection property removed from MenuItems

Before:

<ui5-menu>
    <ui5-menu-item text="Item A"></ui5-menu-item>
    <ui5-menu-item text="Item B" starts-section></ui5-menu-item>
</ui5-menu>

Now:

<ui5-menu>
    <ui5-menu-item text="Item A"></ui5-menu-item>
    <ui5-menu-separator></ui5-menu-separator>
    <ui5-menu-item text="Item B"></ui5-menu-item>
</ui5-menu>

Related to: #8461

@didip1000 didip1000 self-assigned this Apr 29, 2024
@unazko unazko self-requested a review April 29, 2024 09:19
@vladitasev
Copy link
Copy Markdown
Contributor

The "Now:" section of the commit description still contains the removed property (starts-section)

@didip1000 didip1000 requested a review from BorisDafov June 4, 2024 14:47
Copy link
Copy Markdown

@BorisDafov BorisDafov left a comment

Choose a reason for hiding this comment

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

I suggest to rename the "Usage" section to "Structure" (lines 62-65), and to include the information about the ui5-menu-separator there:

Structure
Can hold two types of entities:
ui5-menu-item components.
ui5-menu-separator to separate menu items with a line.
An arbitrary hierarchy structure can be represented by recursively nesting menu items.

@didip1000 didip1000 requested a review from tsanislavgatev June 5, 2024 15:07
Copy link
Copy Markdown
Contributor

@tsanislavgatev tsanislavgatev left a comment

Choose a reason for hiding this comment

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

There is hover effect over the menu-separator in the menu. And we need to fix it.
setting the pointer events to none might do the job.

@unazko unazko marked this pull request as ready for review June 7, 2024 11:45
@didip1000
Copy link
Copy Markdown
Contributor Author

There is hover effect over the menu-separator in the menu. And we need to fix it. setting the pointer events to none might do the job.

Setting pointer events to none will cause the focus to go back to the parent, but I removed the hover effect with css

Copy link
Copy Markdown
Contributor

@nnaydenow nnaydenow left a comment

Choose a reason for hiding this comment

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

Also the API of the component looks strange when all jsdoc related comments are addressed:

image

@didip1000 didip1000 requested a review from unazko June 13, 2024 11:55
@didip1000
Copy link
Copy Markdown
Contributor Author

Also the API of the component looks strange when all jsdoc related comments are addressed:

We reworked the separator and it no longer inherits from ListItem so those properties and elements are not being inherited either :)

Copy link
Copy Markdown
Contributor

@unazko unazko left a comment

Choose a reason for hiding this comment

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

The code looks clean with the new changes and works as expected.

@didip1000 didip1000 requested a review from nnaydenow June 13, 2024 12:08
@didip1000 didip1000 requested a review from tsanislavgatev June 17, 2024 06:34
@unazko
Copy link
Copy Markdown
Contributor

unazko commented Jun 17, 2024

Retested. The solution continues to work as expected.

@didip1000 didip1000 merged commit f7fea29 into main Jun 21, 2024
@didip1000 didip1000 deleted the menu-separator branch June 21, 2024 06:47
@didip1000 didip1000 mentioned this pull request Jun 21, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

6 participants