Skip to content

refactor(theme): use only a min-block-size for .dropdown-item#1935

Merged
spike-rabbit merged 1 commit into
mainfrom
refactor/theme/menu-item-no-block-size
Jul 7, 2026
Merged

refactor(theme): use only a min-block-size for .dropdown-item#1935
spike-rabbit merged 1 commit into
mainfrom
refactor/theme/menu-item-no-block-size

Conversation

@dr-itz

@dr-itz dr-itz commented Apr 22, 2026

Copy link
Copy Markdown
Member

The largest item in a menu item is the badge, so extend line-height to
that and adjust padding instead. There's no longer a requirement for
a fixed height, rather a min height so that items w/o text content get
the proper height


Documentation.
Examples.
Dashboards Demo.
Playwright report.

Coverage Reports:

Code Coverage

@gemini-code-assist gemini-code-assist Bot left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Code Review

This pull request refactors badge and dropdown styles by centralizing badge-related variables and updating dropdown dimensions for better consistency. Key changes include replacing hardcoded values in _badges.scss with variables, removing an explicit block-size in _dropdowns.scss, and adjusting dropdown line-height and padding. Feedback was provided to remove a redundant comment in the variables file.

Comment thread projects/element-theme/src/styles/bootstrap/_variables.scss
@dr-itz dr-itz force-pushed the refactor/theme/menu-item-no-block-size branch from 40902ea to a66664d Compare April 22, 2026 15:43
@dr-itz dr-itz changed the title refactor(theme): drop min-block-size from .dropdown-item refactor(theme): use only a min-block-size for .dropdown-item Apr 22, 2026
@dr-itz dr-itz force-pushed the refactor/theme/menu-item-no-block-size branch from a66664d to 101d8a1 Compare April 22, 2026 16:12
@dr-itz dr-itz force-pushed the refactor/theme/menu-item-no-block-size branch 2 times, most recently from 1ade1d4 to 9409df8 Compare July 3, 2026 20:07
The largest item in a menu item is the badge, so extend line-height to
that and adjust padding instead. There's no longer a requirement for
a fixed height, rather a min height so that items w/o text content get
the proper height
@dr-itz dr-itz force-pushed the refactor/theme/menu-item-no-block-size branch from 9409df8 to 92550ae Compare July 6, 2026 16:37
@dr-itz dr-itz marked this pull request as ready for review July 6, 2026 17:12
@dr-itz dr-itz requested review from a team as code owners July 6, 2026 17:12

@spike-rabbit spike-rabbit left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

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

👍

@spike-rabbit spike-rabbit added this pull request to the merge queue Jul 7, 2026
Merged via the queue into main with commit 48815b1 Jul 7, 2026
15 checks passed
@spike-rabbit spike-rabbit deleted the refactor/theme/menu-item-no-block-size branch July 7, 2026 07:42
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.

2 participants