diff --git a/resources/css/app.css b/resources/css/app.css index 6834036..b16788b 100644 --- a/resources/css/app.css +++ b/resources/css/app.css @@ -164,3 +164,34 @@ html.qr-mobile-page body { width: auto; } } + +/* Ladill app launcher — cap at 6 rows (18 apps), scroll with visible 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(203 213 225) rgb(248 250 252); + margin-right: -0.25rem; + padding-right: 0.25rem; +} + +.ladill-launcher-apps::-webkit-scrollbar { + width: 8px; +} + +.ladill-launcher-apps::-webkit-scrollbar-track { + background: rgb(248 250 252); + border-radius: 9999px; +} + +.ladill-launcher-apps::-webkit-scrollbar-thumb { + background-color: rgb(203 213 225); + border-radius: 9999px; + min-height: 2.5rem; +} + +.ladill-launcher-apps::-webkit-scrollbar-thumb:hover { + background-color: rgb(148 163 184); +} diff --git a/resources/views/partials/launcher.blade.php b/resources/views/partials/launcher.blade.php index c26873d..c2be733 100644 --- a/resources/views/partials/launcher.blade.php +++ b/resources/views/partials/launcher.blade.php @@ -10,6 +10,7 @@ config('ladill_launcher.apps', []), fn (array $app) => parse_url($app['url'], PHP_URL_HOST) !== $selfHost )); + $launcherOverflows = count($launcherApps) > 18; @endphp @if (! empty($launcherApps))
All apps
-