Changeset 5d68686 in Klonkt

Timestamp:

06/19/2026 12:45:07 PM (3 months ago)

Author:

roboburr <roboburr@…>

Branches:

main

Children:

61bb585

Parents:

de21a3b

Message:

ui(mobile): hide scrollbars on touch (pointer:coarse)

@media (pointer: coarse) hides scrollbars site-wide (WebKit + Firefox);
scrolling still works. style.css?v=13.

Co-Authored-By: Claude <noreply@…>

Files:

• CHANGELOG.md (modified) (1 diff)
• src/assets/css/style.css (modified) (1 diff)
• src/views/shell.ejs (modified) (1 diff)

CHANGELOG.md

@@ -15 +15 @@
 
 ### Opgelost
+- Scrollbalken verborgen op mobiel & tablet (touch) — scrollen blijft werken,
+  alleen de balk-UI is weg (geen verwarrende/dubbele balken).
 - Fullscreen-editor: geen dubbele scrollbalk meer — in fullscreen scrollt alléén
   het tekstveld; het frame en de pagina (html+body) erachter zijn vergrendeld.

src/assets/css/style.css

@@ -628 +628 @@
 body.kb-open .audio-player { display: none !important; }
 body.kb-open .pcms-main { padding-bottom: 1rem; }
+
+/* Mobiel & tablet (touch): scrollbalken verbergen — scrollen blijft werken, alleen
+   de balk-UI is weg (geen verwarrende/dubbele balken). */
+@media (pointer: coarse) {
+  * { scrollbar-width: none; -ms-overflow-style: none; }
+  *::-webkit-scrollbar { width: 0; height: 0; display: none; }
+}
 
 /* ============================================================

src/views/shell.ejs

@@ -163 +163 @@
 
 <!-- v9 stylesheet (full palette system) -->
-<link rel="stylesheet" href="/assets/css/style.css?v=12">
+<link rel="stylesheet" href="/assets/css/style.css?v=13">
 
 <!-- Audio player styles: loaded on every page so the mini-player works