Skip to content

PD-5720 / PD-5736 Global header mobile styling and sign-in link - #2909

Open
cryptalith wants to merge 3 commits into
mainfrom
lmendoa/PD-5720-mobile-header
Open

PD-5720 / PD-5736 Global header mobile styling and sign-in link#2909
cryptalith wants to merge 3 commits into
mainfrom
lmendoa/PD-5720-mobile-header

Conversation

@cryptalith

@cryptalith cryptalith commented Aug 21, 2026

Copy link
Copy Markdown
Member

Summary

  • Restyles the mobile/tablet global header action buttons (account, notifications, language, main menu) as consistent 40x40 Material Symbols icon buttons per the Figma spec, with updated visibility rules (PD-5720).
  • Restores the "Sign in / Register" link to the top of the mobile main menu when signed out, fixing the defect where it was dropped in PD-5506 (PD-5736).

Restyle the mobile/tablet header actions (account, notifications,
language, main menu) as consistent 40x40 Material Symbols icon buttons,
matching the notification indicator styling, with the visibility rules
from the Figma spec.
Bring back the 'Sign in / Register' entry as the first row of the open
mobile menu when signed out. It was dropped in 9d56fdc (PD-5506), and
the header's only other sign-in control is hidden below 599px, so
signed-out mobile users had no way to reach sign-in from the header.
@amontenegro

Copy link
Copy Markdown
Member

The MDC outlined button draws no focus indicator of its own, so the four
mobile header buttons were unreachable-looking for keyboard users
(WCAG 2.4.7). Reuse the inset ring the header nav buttons already use.
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