Styling pass for scrollbars, fieldsets, and scroll shadows

This commit is contained in:
Carlos Fernandez 2026-05-29 05:41:22 -04:00
parent 1ebbad4797
commit 624e81ae36
31 changed files with 168 additions and 94 deletions

View file

@ -261,10 +261,14 @@
fieldset {
align-items: center;
margin-top: 5px;
border-radius: 6px;
border-color: @color-fieldset-border;
/* Left and right side spacing is set up so that content starts at 15px left indent */
margin-top: 5px;
padding-inline: 7px;
margin-inline: 6px;
&.glassy {
background-color: light-dark(@dark-blue-10, @golden-10);
border-color: transparent;
@ -501,7 +505,7 @@
height: 1px;
width: 100%;
border-bottom: 1px solid @color-border;
mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
mask-image: linear-gradient(270deg, transparent 0%, black 35%,black 50%, black 65%, transparent 100%);
}
side-line-div {

View file

@ -54,7 +54,7 @@ body.game:is(.performance-low, .noblur) {
position: relative;
min-height: -webkit-fill-available;
transition: opacity 0.3s ease;
padding-bottom: 20px;
padding-bottom: 16px;
.tab {
padding: 0 10px;