Skip to content

Commit 1e4eb36

Browse files
committed
fix(gui): open language menu below the row on mobile top-bar layout
The <=760px layout turns the sidebar foot into a horizontal top-bar row, so the beside-the-row dropdown (left: calc(100% + 6px), min-width 10rem) clipped at the viewport edge and overlapped the theme/stop controls. Anchor it below the row, end-aligned, on narrow screens. (PR #79 review follow-up)
1 parent 033b684 commit 1e4eb36

1 file changed

Lines changed: 3 additions & 0 deletions

File tree

gui/src/styles.css

Lines changed: 3 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -608,6 +608,9 @@ select.input { appearance: none; }
608608
.prov-meta .chip ~ span:not(:last-child) { display: none; }
609609
/* account login grid: let name/status truncate with ellipsis instead of wrapping */
610610
.oauth-grid { grid-template-columns: minmax(0, auto) minmax(0, 1fr) max-content; column-gap: 8px; }
611+
/* language menu: the sidebar foot is a horizontal top-bar row here, so opening the
612+
menu beside the row clips at the viewport edge — drop it below, end-aligned. */
613+
.lang-toggle .select-dropdown-beside { top: calc(100% + 6px); left: auto; right: 0; }
611614
}
612615

613616
.usage-cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 12px; margin-top: 8px; }

0 commit comments

Comments
 (0)