Spaces:
Running on Zero
Running on Zero
fix(ui): restore desktop sidebar — don't apply min-width:0 to .ams-sidebar
Browse filesPrevious commit broadcasted min-width: 0 to .ams-body > * to
fix the mobile waveform overflow. That selector also matched
.ams-sidebar, overriding its hard min-width: 188px and
collapsing the sidebar to a vertical sliver on desktop — visible as
single characters stacked top-to-bottom where the nav + history should
be.
Scoping the flex-shrink fix to .ams-content only (which already has
min-width: 0 set directly). Sidebar keeps its 188 px minimum.
theme.py
CHANGED
|
@@ -195,15 +195,16 @@ main, .contain {{
|
|
| 195 |
.ams-body {{
|
| 196 |
gap:12px !important;
|
| 197 |
align-items:stretch !important;
|
| 198 |
-
/*
|
| 199 |
-
|
| 200 |
-
blow the row past the viewport on mobile. */
|
| 201 |
max-width:100% !important;
|
| 202 |
overflow:hidden !important;
|
| 203 |
}}
|
| 204 |
-
.ams-body > *
|
| 205 |
-
|
| 206 |
-
|
|
|
|
|
|
|
| 207 |
|
| 208 |
/* ============================================================
|
| 209 |
* Sidebar — desktop ≥ 1024
|
|
|
|
| 195 |
.ams-body {{
|
| 196 |
gap:12px !important;
|
| 197 |
align-items:stretch !important;
|
| 198 |
+
/* Cap the body at the viewport and clip any horizontal overflow so a
|
| 199 |
+
long-clip waveform inside .ams-content can't push the row sideways. */
|
|
|
|
| 200 |
max-width:100% !important;
|
| 201 |
overflow:hidden !important;
|
| 202 |
}}
|
| 203 |
+
/* IMPORTANT: do NOT apply ``min-width: 0`` to ``.ams-body > *`` — that
|
| 204 |
+
selector also matches ``.ams-sidebar``, overriding its 188 px
|
| 205 |
+
min-width and collapsing it to almost nothing on desktop (seen as a
|
| 206 |
+
vertical sliver of stacked single characters). The flex-shrink fix
|
| 207 |
+
we need is on ``.ams-content`` only; sidebar keeps its hard minimum. */
|
| 208 |
|
| 209 |
/* ============================================================
|
| 210 |
* Sidebar — desktop ≥ 1024
|