-
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
Fix nav placeholder colors and height. #31875
Conversation
Size Change: +70 B (0%) Total Size: 1.3 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.
Screen.Capture.on.2021-05-17.at.09-45-31.mov
I gave this a spin. Looks like it works only if the Group has a text color set. By default when you apply a black background to the Group
block it does not automatically set the text color. Therefore the text color stays as a dark color and is nearly invisible. The same thing happens to the Nav Block.
However, once you set the text color on the Group block to white, then the Nav block placeholder works.
Not sure if this is expected behaviour or not?
Hmmmmmm. I'll give this another spin in TT1... but if the issue is what I think it is, then yes, it's expected behavior of the nav block. The thing is, those indicators are meant to have the same color as the text. Which means if in TT1 text inside a black group is also dark/black, then so will that of the nav block indicators. I know that's not ideal, but short of the theme changing that behavior, I'm not sure this is something we can account for in the nav block. |
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.
This seems to solve the problem for me. As @getdave noted, it won't fix things when there's no text color set (or when the text color is unreadable in general), but it does work for when there is a text color set. And that wasn't the case before this PR:
Group block (white text, black background) before:
Group block (white text, black background) after:
That should fix the issues I was seeing in #31610.
Thank you Kjell. @getdave mind if I land this? |
As always, I'm easy to find if/when follow-ups need to be made. |
(also, thanks) |
Co-authored-by: André <[email protected]> (+3 squashed commits) Squashed commits: [994e5e3] Add link color as an element mechanism. [e4a72bc] Remove existing link color [7fcd57c] Fix nav placeholder colors and height. (#31875)
Co-authored-by: André <[email protected]> (+3 squashed commits) Squashed commits: [994e5e3] Add link color as an element mechanism. [e4a72bc] Remove existing link color [7fcd57c] Fix nav placeholder colors and height. (#31875)
Co-authored-by: André <[email protected]> (+3 squashed commits) Squashed commits: [994e5e3] Add link color as an element mechanism. [e4a72bc] Remove existing link color [7fcd57c] Fix nav placeholder colors and height. (#31875)
Description
Fixes #31841.
This PR fixes a regression with the placeholder state of the navigation block, where colors weren't inherited.
It also fixes a small edgecase where the setup state would jump.
How has this been tested?
Before:
After:
Checklist:
*.native.js
files for terms that need renaming or removal).