Skip to content
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

Merged
merged 3 commits into from
Aug 29, 2024
Merged

style: Simplify editor sidebar tabs #3591

merged 3 commits into from
Aug 29, 2024

Conversation

ianjon3s
Copy link
Contributor

@ianjon3s ianjon3s commented Aug 29, 2024

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:
image

After:
image

Preview:
https://3591.planx.pizza/lambeth/apply-for-planning-permission

Copy link

github-actions bot commented Aug 29, 2024

Removed vultr server and associated DNS entries

@ianjon3s ianjon3s marked this pull request as ready for review August 29, 2024 14:34
@ianjon3s ianjon3s requested a review from a team August 29, 2024 14:38
@ianjon3s ianjon3s removed the request for review from a team August 29, 2024 15:18
@ianjon3s ianjon3s marked this pull request as draft August 29, 2024 15:20
@ianjon3s ianjon3s marked this pull request as ready for review August 29, 2024 15:36
@ianjon3s ianjon3s requested a review from a team August 29, 2024 15:36
Copy link
Member

@jessicamcinchak jessicamcinchak left a 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}`,
Copy link
Member

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?

Copy link
Contributor Author

@ianjon3s ianjon3s Aug 29, 2024

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:

  1. Is somewhere visually between and contrasty to both black & white, so is visible as a marker for both dark & light tabs
  2. 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.

@ianjon3s ianjon3s merged commit 4cb61ad into main Aug 29, 2024
12 checks passed
@ianjon3s ianjon3s deleted the ian/restyle-editor-tabs branch August 29, 2024 16:31
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