nvrl/pl8list-rewind
1
0 Fork 0
mirror of https://github.com/narrrl/pl8list-rewind.git synced 2026-11-13 17:17:03 +01:00
Code Issues Packages Projects Releases Wiki Activity

fix(ui): align active filters with charts

Browse Source
This commit is contained in:
nvrl committed 2026-11-05 00:49:25 +01:00
1 parent e39ea1123a
commit faa2de9a42
1 file changed
+10
Download Patch File Download Diff File Expand all files Collapse all files
web/src/style.css
+10
View File
@@ -1353,6 +1353,16 @@ body.zen .content { gap: 0.3rem; }
#discovery-options select:hover { background: #ffffff12; }
#discovery-options select option { color: #fff; background: #18181b; }
#active-filters { top: 7.8rem; }
/* Keep chart options centered while active filters sit alongside them. */
@media (min-width: 641px) {
body:has(#discovery-options:not([hidden])) #active-filters {
top: 4.8rem; left: calc(50% + 7rem); transform: none;
max-width: calc(50vw - 8rem); min-height: 2.4rem;
overflow: hidden; text-overflow: ellipsis;
}
}
#active-filters { max-width: calc(100vw - 2rem); overflow: hidden; text-overflow: ellipsis; border: 1px solid #ffffff24; border-radius: 999px; color: var(--fg); }
#active-filters:hover { background: #303034; border-color: #ffffff50; }
.time { display: grid; grid-template-columns: minmax(0, 1fr) auto minmax(0, 1fr); align-items: center; gap: 0.75rem 0.5rem; }
.time .cur { grid-column: 1; grid-row: 1; justify-self: start; }
.time .counts { grid-column: 2; grid-row: 1; text-align: center; overflow-wrap: anywhere; }