Cap app launcher at 18 items with a visible scroll indicator.
Deploy Ladill Care / deploy (push) Successful in 1m22s
Deploy Ladill Care / deploy (push) Successful in 1m22s
When more than six rows of apps are available, the launcher panel stays fixed height and scrolls with a styled scrollbar instead of growing indefinitely. Co-authored-by: Cursor <cursoragent@cursor.com>
This commit is contained in:
@@ -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);
|
||||
}
|
||||
|
||||
Reference in New Issue
Block a user