danvics/soulsync
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 1

dashboard/shell: drop frosted-glass blur on Firefox only (#935)

Browse source 
Firefox re-rasterizes blur()/backdrop-filter every composite where Chrome caches it, so the
always-visible shell glass (sidebar header + aura orbs, hero/header buttons) was ~half of
Firefox's idle GPU. gate behind @supports(-moz-appearance:none) so it's Firefox-only: hide the
two blur(28px) sidebar orbs + the dash-card blobs, and drop backdrop-filter on the sidebar
header and hero/header buttons (each keeps its tint, just unfrosted). measured ~20-25% -> ~10-13%
on Firefox, every page (sidebar is always visible). chrome is untouched — the block doesn't
exist there, full frost intact.
This commit is contained in:
BoulderBadgeDad 2026-06-27 13:36:15 -07:00
parent 240dce0c1b
commit 6802399805
1 changed files with 19 additions and 4 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

23
webui/static/style.css
View file

@ -69095,11 +69095,26 @@ body.app-locked > *:not(#launch-pin-overlay):not(#login-overlay):not(script):not
.reid-footer-actions { display: flex; gap: 10px; }
#reid-confirm-btn:disabled { opacity: 0.4; cursor: not-allowed; filter: grayscale(0.4); }
/* Firefox-only: hide the dash-card cursor-glow blobs. They're 16 large blur(48px)/blur(18px)
layers that Firefox re-rasterizes on every composite (a big chunk of idle dashboard GPU on
Firefox), purely decorative, and reduce-effects already hides them. @supports(-moz-appearance)
matches Firefox only — invisible to Chrome, which keeps the full cursor glow. #935 */
/* Firefox-only performance overrides (#935). Firefox re-rasterizes blur()/backdrop-filter on
every composite where Chrome caches them, so the frosted-glass shell costs real idle GPU on
Firefox only. @supports(-moz-appearance) matches Firefox and NOT Chrome — this whole block is
invisible to Chrome, which keeps the full frosted look. Revert = delete this block. */
@supports (-moz-appearance: none) {
/* dash-card cursor-glow blobs — 16 large blur(48px)/blur(18px) layers, purely decorative */
.dash-card::before,
.dash-card::after { display: none; }
/* sidebar aura orbs — two blur(28px) elements, always visible on every page */
.sidebar::before,
.sidebar::after { display: none; }
/* shell frosted-glass panels — drop the backdrop blur (each element keeps its own tint, so
it stays a solid/translucent panel, just not frosted). always-visible, so helps every page. */
.sidebar-header,
.header-button,
.watchlist-button,
.wishlist-button {
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
}