Always show launcher scroll indicator and cap at 18 apps.

Apply ladill-launcher-apps scroll styles unconditionally with a persistent scrollbar track; propagate launcher blade and CSS across all Ladill apps.
2026-06-29 13:03:37 +00:00
parent 1a8bc435f7
commit bd2c5cb3c4
2 changed files with 38 additions and 2 deletions
@@ -164,3 +164,37 @@ html.qr-mobile-page body {
        width: auto;
    }
 }
+
+/* Ladill app launcher — cap at 6 rows (18 apps), always-visible scroll indicator */
+.ladill-launcher-apps {
+    max-height: calc(6 * 5.25rem + 5 * 0.25rem);
+    overflow-y: scroll;
+    overscroll-behavior: contain;
+    scrollbar-gutter: stable;
+    scrollbar-width: thin;
+    scrollbar-color: rgb(148 163 184) rgb(241 245 249);
+    margin-right: -0.25rem;
+    padding-right: 0.25rem;
+}
+
+.ladill-launcher-apps::-webkit-scrollbar {
+    -webkit-appearance: none;
+    width: 8px;
+}
+
+.ladill-launcher-apps::-webkit-scrollbar-track {
+    background: rgb(241 245 249);
+    border-radius: 9999px;
+}
+
+.ladill-launcher-apps::-webkit-scrollbar-thumb {
+    background-color: rgb(148 163 184);
+    border-radius: 9999px;
+    min-height: 2.5rem;
+    border: 2px solid rgb(241 245 249);
+    background-clip: padding-box;
+}
+
+.ladill-launcher-apps::-webkit-scrollbar-thumb:hover {
+    background-color: rgb(100 116 139);
+}