Draft: Use tertiary icon button for admin area
What does this MR do and why?
Use tertiary button for the Admin Area
button.
Why? The button looks slightly out of place (to me); using a tertiary
button seems more cohesive with the rest of the nav bar
Proposal 1: Tertiary button with shortened label
![]() |
- Shortened label helps with translation overflow issues mentioned in Slack
![](/-/project/278964/uploads/14df31c40dc9160f4ae341a82e922c5e/Screenshot_2024-07-12_at_8.11.03_AM.png)
Proposal 2: Tertiary icon-only button
![]() |
- Can keep full label in tooltip without any translation overflow issues
- Does it look off since the
Help
button has both label + icon?
What does this MR not do?
Globally update Admin Area
to Admin area
-> Use sentence case for Admin area (!158935 - merged)
Screenshots or screen recordings
Current | Tertiary button | Tertiary icon button | |
---|---|---|---|
![]() |
![]() |
![]() |
![]() |
How to set up and validate locally
Sidebar --> admin button
Links
Edited by Annabel Dunstone Gray