Revert launcher scroll rail and fade; keep down arrow hint.

Co-authored-by: Cursor <cursoragent@cursor.com>

resources/css/app.css

@@ -69,7 +69,7 @@
     }
 }
 
-/* Ladill app launcher — cap at 6 rows (18 apps), always-visible scroll cues */
+/* Ladill app launcher — cap at 6 rows (18 apps), always-visible scroll indicator */
 .ladill-launcher-apps-wrap {
     position: relative;
 }
@@ -80,58 +80,31 @@
     overscroll-behavior: contain;
     scrollbar-gutter: stable;
     scrollbar-width: thin;
-    scrollbar-color: rgb(100 116 139) rgb(226 232 240);
+    scrollbar-color: rgb(148 163 184) rgb(241 245 249);
     margin-right: -0.25rem;
     padding-right: 0.25rem;
 }
 
-/* Clip the last visible row so the next row peeks — scroll is obvious without hovering. */
-.ladill-launcher-apps--peek {
-    max-height: calc(6 * 5.25rem + 5 * 0.25rem - 1.75rem);
-}
-
 .ladill-launcher-apps::-webkit-scrollbar {
     -webkit-appearance: none;
-    width: 10px;
+    width: 8px;
 }
 
 .ladill-launcher-apps::-webkit-scrollbar-track {
-    background: rgb(226 232 240);
+    background: rgb(241 245 249);
     border-radius: 9999px;
 }
 
 .ladill-launcher-apps::-webkit-scrollbar-thumb {
-    background-color: rgb(100 116 139);
+    background-color: rgb(148 163 184);
     border-radius: 9999px;
     min-height: 2.5rem;
-    border: 2px solid rgb(226 232 240);
+    border: 2px solid rgb(241 245 249);
     background-clip: padding-box;
 }
 
 .ladill-launcher-apps::-webkit-scrollbar-thumb:hover {
-    background-color: rgb(71 85 105);
+    background-color: rgb(100 116 139);
-}
-
-/* Always-visible rail — does not rely on OS overlay scrollbars. */
-.ladill-launcher-scroll-rail {
-    position: absolute;
-    top: 0;
-    right: 0;
-    bottom: 0;
-    width: 10px;
-    border-radius: 9999px;
-    background: rgb(226 232 240);
-    pointer-events: none;
-}
-
-.ladill-launcher-scroll-fade {
-    position: absolute;
-    left: 0;
-    right: 12px;
-    bottom: 0;
-    height: 2.25rem;
-    background: linear-gradient(to bottom, rgb(255 255 255 / 0), rgb(255 255 255));
-    pointer-events: none;
 }
 
 .ladill-launcher-scroll-more {

resources/views/partials/launcher.blade.php

@@ -39,7 +39,7 @@
          ])>
         <p class="px-1 pb-2 text-[10px] font-bold uppercase tracking-widest text-slate-400">All apps</p>
         <div @class(['ladill-launcher-apps-wrap' => $launcherOverflows])>
-            <div @class(['ladill-launcher-apps', 'ladill-launcher-apps--peek' => $launcherOverflows])>
+            <div class="ladill-launcher-apps">
                 <div class="grid grid-cols-3 gap-1">
                 @foreach ($launcherApps as $app)
                     <a href="{{ $app['url'] }}"
@@ -53,8 +53,6 @@
                 </div>
             </div>
             @if ($launcherOverflows)
-                <div class="ladill-launcher-scroll-rail" aria-hidden="true"></div>
-                <div class="ladill-launcher-scroll-fade" aria-hidden="true"></div>
                 <div class="ladill-launcher-scroll-more" aria-hidden="true">
                     <svg class="h-3.5 w-3.5" viewBox="0 0 20 20" fill="currentColor">
                         <path fill-rule="evenodd" d="M5.22 8.22a.75.75 0 0 1 1.06 0L10 11.94l3.72-3.72a.75.75 0 1 1 1.06 1.06l-4.25 4.25a.75.75 0 0 1-1.06 0L5.22 9.28a.75.75 0 0 1 0-1.06Z" clip-rule="evenodd"/>