isaacclad/ladill-qr-plus
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Revert launcher scroll rail and fade; keep down arrow hint.
Deploy Ladill QR Plus / deploy (push) Successful in 58s
Details

Browse Source 
Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
isaacclad
2026-06-29 14:02:06 +00:00
co-authored by Cursor
parent 02d15e9c07
commit d6a375bd25
2 changed files with 8 additions and 37 deletions
Download Patch File Download Diff File Expand all files Collapse all files
resources/css/app.css
+7 -34
View File
@@ -131,7 +131,7 @@ html.qr-mobile-page body {
}
}
/* 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;
}
@@ -142,58 +142,31 @@ html.qr-mobile-page body {
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);
}
/* 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;
background-color: rgb(100 116 139);
}
.ladill-launcher-scroll-more {