feat(FN-2398): restore compact project switch in tablet header

- Render the compact project switch trigger for tablet layouts by gating on compact mode instead of mobile-only mode
- Extend ProjectSelector compact-switch styles to the tablet media range so the trigger and dropdown render correctly beside the logo
- Update tablet header control regression coverage to expect the compact switch affordance and absence of the desktop selector trigger
- Add Header tablet interaction tests covering Escape key, outside click, and project selection closing behavior for the compact switch dropdown
This commit is contained in:
Fusion
2026-04-24 21:42:07 -07:00
committed by gsxdsm
parent 20366ee250
commit 2ef472f551
4 changed files with 73 additions and 9 deletions

View File

@@ -273,8 +273,8 @@
color: var(--todo);
}
/* Mobile styles for mobile-project-switch */
@media (max-width: 768px) {
/* Compact styles for mobile-project-switch (mobile + tablet) */
@media (max-width: 768px), (min-width: 769px) and (max-width: 1024px) {
.mobile-project-switch {
display: inline-flex;
align-items: center;