Styling pass for scrollbars, fieldsets, and scroll shadows

This commit is contained in:
Carlos Fernandez 2026-05-29 05:41:22 -04:00
parent 3eb33a71af
commit 7dec188167
30 changed files with 177 additions and 88 deletions

View file

@ -11,8 +11,9 @@
height: 100%;
overflow-y: auto;
padding-top: 8px;
padding-bottom: 20px;
padding-bottom: 4px;
height: 100%;
scrollbar-gutter: stable;
.with-scroll-shadows();
}

View file

@ -10,6 +10,7 @@
gap: 10px;
overflow-y: auto;
padding-bottom: 20px;
scrollbar-gutter: stable;
.with-scroll-shadows();
}
}

View file

@ -1,8 +1,8 @@
@import './sheet.less';
@import './biography.less';
@import './effects.less';
@import './features.less';
@import './header.less';
@import './inventory.less';
@import './loadout.less';
@import './sheet.less';
@import './sidebar.less';

View file

@ -4,13 +4,18 @@
.application.sheet.daggerheart.actor.dh-style.character {
.tab.inventory {
padding-right: 0;
.search-section {
padding-right: 14px;
}
.items-section {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
scrollbar-gutter: stable;
margin-top: 20px;
padding-bottom: 20px;
padding-bottom: 4px;
.with-scroll-shadows();
}
}

View file

@ -5,6 +5,7 @@
.application.sheet.daggerheart.actor.dh-style.character {
.tab.loadout {
.search-section {
padding-right: 14px;
.btn-toggle-view {
background: light-dark(@dark-blue-10, @dark-blue);
border: 1px solid @color-border;
@ -52,8 +53,9 @@
gap: 10px;
height: 100%;
overflow-y: auto;
scrollbar-gutter: stable;
margin-top: 20px;
padding-bottom: 20px;
padding-bottom: 4px;
.with-scroll-shadows();
}
}

View file

@ -10,28 +10,31 @@
width: 100%;
padding-bottom: 0;
overflow-x: auto;
}
.character-sidebar-sheet {
grid-row: 1 / span 2;
grid-column: 1;
display: flex;
flex-direction: column;
}
.character-sidebar-sheet {
grid-row: 1 / span 2;
grid-column: 1;
.character-header-sheet {
position: relative;
grid-row: 1;
grid-column: 2;
}
.tab {
grid-row: 2;
grid-column: 2;
padding-right: 0;
margin-right: 2px;
margin-bottom: 12px;
&.active {
display: flex;
flex-direction: column;
}
.character-header-sheet {
position: relative;
grid-row: 1;
grid-column: 2;
}
.tab {
grid-row: 2;
grid-column: 2;
&.active {
display: flex;
flex-direction: column;
overflow: hidden;
}
overflow: hidden;
}
}
}