fix(FN-1162): keep mobile file browser header controls accessible

- Update file browser header styles to wrap cleanly on small screens and preserve readable truncated labels
- Increase mobile close-button hit area and keep close action visible within header actions layout
- Add responsive WorkspaceSelector constraints to prevent menu/trigger overflow on narrow viewports
- Add a regression test that verifies the mobile close button remains visible and clickable
This commit is contained in:
gsxdsm
2026-04-08 09:07:34 -07:00
parent e27e1fd5bf
commit 69bc0db44d
3 changed files with 83 additions and 0 deletions

View File

@@ -109,3 +109,21 @@
font-size: 11px;
color: var(--text-muted);
}
@media (max-width: 768px) {
.workspace-selector-trigger {
min-width: 0;
max-width: min(56vw, 160px);
}
.workspace-selector-menu {
left: auto;
right: 0;
min-width: min(300px, calc(100vw - 24px));
max-width: calc(100vw - 24px);
}
.workspace-selector-option-meta {
max-width: 120px;
}
}