-
Notifications
You must be signed in to change notification settings - Fork 4.3k
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
Navigation: Fix dropdown indicator #36106
Conversation
Size Change: +232 B (0%) Total Size: 1.08 MB
ℹ️ View Unchanged
|
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.
Thanks @jasmussen for the quick fix.
I switched back to the TT1 theme on trunk
and immediately saw the regression. A bad miss on my part.
After checking out this PR, the issue with the text decoration styling not being inherited is back. I left a comment below suggesting we tweak that rule to be display: inline
. From my testing that covers both bases and will buy us time as well in case there are delays in getting #36104 across the line.
(#36014 will still be needed to prevent the placeholder taking on the decoration as well)
Inline Block | Inline |
---|---|
![]() |
![]() |
Co-authored-by: Aaron Robertshaw <[email protected]>
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.
LGTM 👍
- Dropdown indicator does not wrap
- Text decoration styles are inherited
The highest of fives 🙌 |
Description
Followup to #35859, apparently the rule was needed after all. Turns out the inline-block rule affected the positioning of the dropdown arrow:
By restoring the rule, things look right again:
How has this been tested?
Please test a navigation with dropdown menus and verify the icon indicator looks right in both editor and frontend.
Checklist:
*.native.js
files for terms that need renaming or removal).