Phone PWA: no backdrop blurs over video, cap auto quality at 480p on touch phones

This commit is contained in:
Jonathan Sykes
2026-10-14 08:23:23 +08:00
parent c0c472f3ef
commit 4fa33e9810
2 changed files with 13 additions and 2 deletions

View File

@@ -2267,6 +2267,13 @@ input[type="range"]::-webkit-slider-thumb:hover { transform: scale(1.25); }
.player-pane:not(.empty) .player-stage {
box-shadow: 0 0 0 1px var(--line) inset;
}
/* The per-layout themes (html[data-layout=...] .topbar etc.) out-rank the
* rules above and bring 20px blurs back over the playing video, as do the
* lyrics bar buttons and section rail. Nothing on a phone PWA may blur. */
*, *::before, *::after {
backdrop-filter: none !important;
-webkit-backdrop-filter: none !important;
}
}
/* ============================================================================