Skip to content

Draft: Use tertiary icon button for admin area

Annabel Dunstone Gray requested to merge admin-area-button into master

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

Screenshot_2024-07-12_at_8.00.22_AM
  • Shortened label helps with translation overflow issues mentioned in Slack

Proposal 2: Tertiary icon-only button

Screenshot_2024-07-12_at_7.59.37_AM
  • 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
Screenshot_2024-07-12_at_8.01.05_AM Screenshot_2024-07-12_at_8.00.22_AM Screenshot_2024-07-12_at_7.59.37_AM Screenshot_2024-07-12_at_7.55.50_AM

How to set up and validate locally

Sidebar --> admin button

Links

Edited by Annabel Dunstone Gray

Merge request reports