Full document, spreadsheet, slideshow, and diagram tooling
fix: Electron title bar hidden under macOS traffic light icons (#647)
The responsive CSS breakpoints at 768px and 480px used the `padding`
shorthand on `.app-topbar`, which reset `padding-left` to the compact
value and clobbered the electron-specific `padding-left: 96px`.
Fix: add `.is-electron .app-topbar { padding-left: 96px }` inside both
media queries to preserve traffic light clearance on narrow windows.
Also removed duplicate electron padding rule that was split across two
locations in the file (lines 1850 and 8759).
Closes #647
+8
-4
+8
-4
src/css/app.css
+8
-4
src/css/app.css
···
5986
5986
gap: var(--space-sm);
5987
5987
flex-wrap: wrap;
5988
5988
}
5989
+
/* Preserve electron traffic-light padding even on narrow windows */
5990
+
.is-electron .app-topbar {
5991
+
padding-left: 96px;
5992
+
}
5989
5993
5990
5994
.status-indicator {
5991
5995
font-size: 0.6rem;
···
6088
6092
.app-topbar {
6089
6093
padding: var(--space-xs);
6090
6094
gap: var(--space-xs);
6095
+
}
6096
+
.is-electron .app-topbar {
6097
+
padding-left: 96px;
6091
6098
}
6092
6099
6093
6100
.doc-title-input {
···
8755
8762
}
8756
8763
}
8757
8764
8758
-
/* ── Electron traffic-light padding ─────────────────────────────────── */
8759
-
.is-electron .app-topbar {
8760
-
padding-left: 96px;
8761
-
}
8765
+
/* ── Electron traffic-light padding (landing page, supplements rules at line ~1850) ── */
8762
8766
.is-electron .landing-header .brand {
8763
8767
padding-left: 88px;
8764
8768
}