techfreakworm commited on
Commit
630b298
·
unverified ·
1 Parent(s): 49da39f

fix(ui): drawer + scrim use position: fixed on mobile so they anchor to viewport

Browse files
Files changed (1) hide show
  1. app.py +2 -2
app.py CHANGED
@@ -236,7 +236,7 @@ _CUSTOM_CSS = """
236
  @media (max-width: 1023px) {
237
  .aio-ham-label { display: flex; }
238
  .aio-drawer {
239
- position: absolute;
240
  top: 0; left: 0; bottom: 0;
241
  z-index: 10;
242
  box-shadow: 4px 0 24px rgba(0,0,0,0.6);
@@ -247,7 +247,7 @@ _CUSTOM_CSS = """
247
  lets us reach without JS — when checked, slide drawer in. */
248
  body:has(#aio-ham-toggle:checked) .aio-drawer { transform: translateX(0); }
249
  body:has(#aio-ham-toggle:checked) .aio-shell::before {
250
- content: ""; position: absolute; inset: 0;
251
  background: rgba(0,0,0,0.55); z-index: 9;
252
  }
253
 
 
236
  @media (max-width: 1023px) {
237
  .aio-ham-label { display: flex; }
238
  .aio-drawer {
239
+ position: fixed;
240
  top: 0; left: 0; bottom: 0;
241
  z-index: 10;
242
  box-shadow: 4px 0 24px rgba(0,0,0,0.6);
 
247
  lets us reach without JS — when checked, slide drawer in. */
248
  body:has(#aio-ham-toggle:checked) .aio-drawer { transform: translateX(0); }
249
  body:has(#aio-ham-toggle:checked) .aio-shell::before {
250
+ content: ""; position: fixed; inset: 0;
251
  background: rgba(0,0,0,0.55); z-index: 9;
252
  }
253