lerko/nib-v1
1
1
Fork 0
Code Issues Pull Requests 2 Actions Packages Projects Releases Wiki Activity

fix(ui): card fullscreen transparency in mobile stream

Browse Source 
Explicit .is-card.exp-full selector overrides card background/border/margin
so fullscreen overlay is fully opaque.
This commit is contained in:
Tyler Koenig
2026-05-16 22:35:43 -04:00
parent 694dfe1c89
commit 35df7dcb69
1 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
web/style.css
+5 -2
View File
@@ -1533,13 +1533,16 @@ kbd { background: var(--raised); border: 1px solid var(--border); border-radius:
} }
.entity-item.selected .entity-exp { grid-template-rows: 1fr; } .entity-item.selected .entity-exp { grid-template-rows: 1fr; }
.entity-item.selected .exp-toolbar { display: flex; } .entity-item.selected .exp-toolbar { display: flex; }
.entity-item.exp-full { .entity-item.exp-full,
.entity-item.is-card.exp-full {
position: fixed; position: fixed;
inset: 0; inset: 0;
z-index: 60; z-index: 60;
background: var(--bg); background: var(--bg);
overflow-y: auto; overflow-y: auto;
border-left: none; border: none;
margin: 0;
border-radius: 0;
} }
.entity-item.exp-full .entity-exp { grid-template-rows: 1fr; } .entity-item.exp-full .entity-exp { grid-template-rows: 1fr; }
.entity-item.exp-full .exp-inner { padding-top: 1rem; padding-bottom: 2rem; } .entity-item.exp-full .exp-inner { padding-top: 1rem; padding-bottom: 2rem; }