techfreakworm commited on
Commit
7dd8eb5
·
unverified ·
1 Parent(s): 990fcda

fix(ui): restore desktop sidebar — don't apply min-width:0 to .ams-sidebar

Browse files

Previous 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.

Files changed (1) hide show
  1. theme.py +7 -6
theme.py CHANGED
@@ -195,15 +195,16 @@ main, .contain {{
195
  .ams-body {{
196
  gap:12px !important;
197
  align-items:stretch !important;
198
- /* Same flex-shrink fix as ``.ams-content``: without ``min-width: 0`` on
199
- the children, a wide audio waveform inside the content column can
200
- blow the row past the viewport on mobile. */
201
  max-width:100% !important;
202
  overflow:hidden !important;
203
  }}
204
- .ams-body > * {{
205
- min-width:0 !important;
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