Make sidebar hover more visually stable (#999)

This commit is contained in:
Carlos Fernandez 2025-08-17 23:40:58 -04:00 committed by GitHub
parent bc5b01bdcf
commit f19548ef4f
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
2 changed files with 6 additions and 4 deletions

View file

@ -270,7 +270,7 @@
margin-bottom: 10px; margin-bottom: 10px;
.inventory-item { .inventory-item {
padding: 0 10px; padding-left: 10px;
} }
} }
@ -279,10 +279,11 @@
padding-top: 10px; padding-top: 10px;
padding-bottom: 20px; padding-bottom: 20px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%); mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
scrollbar-width: thin;
scrollbar-gutter: stable;
&:hover { &:hover {
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent; scrollbar-color: light-dark(@dark-blue, @golden) transparent;
} }
} }

View file

@ -443,7 +443,7 @@
margin-bottom: 10px; margin-bottom: 10px;
.inventory-item { .inventory-item {
padding: 0 10px; padding-left: 10px;
} }
} }
@ -452,10 +452,11 @@
padding-top: 10px; padding-top: 10px;
padding-bottom: 20px; padding-bottom: 20px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%); mask-image: linear-gradient(0deg, transparent 0%, black 5%);
scrollbar-gutter: stable;
scrollbar-width: thin;
&:hover { &:hover {
overflow-y: auto; overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent; scrollbar-color: light-dark(@dark-blue, @golden) transparent;
} }
} }