-
Notifications
You must be signed in to change notification settings - Fork 2
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
style: Simplify editor sidebar tabs #3591
Conversation
Removed vultr server and associated DNS entries |
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.
Code looks great! One small visual opinion, very much non-blocking / you're the designer so please take it or leave it !
: theme.palette.text.primary, | ||
fontWeight: FONT_WEIGHT_SEMI_BOLD, | ||
color: theme.palette.text.primary, | ||
boxShadow: `inset 0 -3px 0 ${theme.palette.warning.main}`, |
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.
nit: not sure I like the use of the "warning" color for the underline now that we've been incorporating it for actual warnings (eg publish validation checks) - would the original blue be better / more neutral?
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.
Good shout, I was going for something that satisfies the following:
- Is somewhere visually between and contrasty to both black & white, so is visible as a marker for both dark & light tabs
- Is not the primary action colour, as we use this to mark something that should be interacted with (rather than something that is "active")
The warning colour was an easy/lazy choice here (also leaning a bit too far into Github's tab styling 😀). I'll update to be the status agnostic "info" light blue colour that we use in the PlanX public interface, as this also satisfies the above.
What does this PR do?
Simplify the sidebar tabs so that they don't require a colour theme prop, and also take up less visual space.
Before:
After:
Preview:
https://3591.planx.pizza/lambeth/apply-for-planning-permission