kibi/f0ckm
1
0
Fork 0
Code Issues 3 Pull Requests Actions Packages Projects Releases Wiki Activity

potential abyss fix for not using pwa

Browse Source
This commit is contained in:
Kibi Kelburton
2026-05-17 12:50:50 +02:00
parent 6343854e19
commit 832f97970e
1 changed files with 4 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
views/scroller.html
View File

@@ -32,7 +32,7 @@
html[theme='amoled'] { --accent: #fff; } html[theme='amoled'] { --accent: #fff; }
html, body { html, body {
width: 100%; height: 100%; overflow: hidden; background: #000; color: #fff; width: 100%; height: 100vh; height: 100dvh; overflow: hidden; background: #000; color: #fff;
touch-action: pan-y; touch-action: pan-y;
/* Prevent text/image selection on long-press mobile */ /* Prevent text/image selection on long-press mobile */
-webkit-user-select: none; user-select: none; -webkit-user-select: none; user-select: none;
@@ -46,7 +46,7 @@
/* #main wrapper needed for PJAX content swap — must fill full viewport /* #main wrapper needed for PJAX content swap — must fill full viewport
so #scroller-feed { height: 100% } has a sized parent to stretch into. */ so #scroller-feed { height: 100% } has a sized parent to stretch into. */
#main { width: 100%; height: 100%; } #main { width: 100%; height: 100vh; height: 100dvh; }
/* ── TOP BAR ──────────────────────────────────── */ /* ── TOP BAR ──────────────────────────────────── */
#scroller-topbar { #scroller-topbar {
@@ -127,7 +127,7 @@
/* ── SLIDE ────────────────────────────────────── */ /* ── SLIDE ────────────────────────────────────── */
.scroll-slide { .scroll-slide {
position: relative; width: 100%; position: relative; width: 100%;
height: 100dvh; height: 100vh; height: 100vh; height: 100dvh;
scroll-snap-align: start; scroll-snap-stop: always; scroll-snap-align: start; scroll-snap-stop: always;
display: flex; align-items: center; justify-content: center; display: flex; align-items: center; justify-content: center;
background: #000; overflow: hidden; background: #000; overflow: hidden;
@@ -387,7 +387,7 @@
/* ── EMPTY / SENTINEL ────────────────────────── */ /* ── EMPTY / SENTINEL ────────────────────────── */
#scroller-sentinel { width: 100%; height: 10px; } #scroller-sentinel { width: 100%; height: 10px; }
#scroller-empty { #scroller-empty {
width: 100%; height: 100dvh; height: 100vh; display: none; width: 100%; height: 100vh; height: 100dvh; display: none;
flex-direction: column; align-items: center; justify-content: center; flex-direction: column; align-items: center; justify-content: center;
gap: 14px; scroll-snap-align: start; color: rgba(255,255,255,.35); gap: 14px; scroll-snap-align: start; color: rgba(255,255,255,.35);
} }