Spaces:
Running on Zero
Running on Zero
fix(ui): drawer + scrim use position: fixed on mobile so they anchor to viewport
Browse files
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:
|
| 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:
|
| 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 |
|