diff --git a/resources/css/app.css b/resources/css/app.css index 46a1e4b..fedeb0c 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -68,3 +68,37 @@ filter: brightness(0.92); } } + +/* 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); +} diff --git a/resources/views/partials/launcher.blade.php b/resources/views/partials/launcher.blade.php index c26873d..ac7ad55 100644 --- a/resources/views/partials/launcher.blade.php +++ b/resources/views/partials/launcher.blade.php @@ -37,16 +37,18 @@ 'bottom-full left-0 mb-2' => $sidebar, ])>

All apps

-
+
+