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

@ -4,12 +4,14 @@
.application.sheet.daggerheart.actor.dh-style.environment {
.tab.features {
position: relative;
.feature-section {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
padding-bottom: 4px;
padding: 4px 8px;
scrollbar-gutter: stable;
.with-scroll-shadows();
}
}

View file

@ -1,4 +1,5 @@
@import './sheet.less';
@import './features.less';
@import './header.less';
@import './potentialAdversaries.less';
@import './sheet.less';
@import './notes.less';

View file

@ -0,0 +1,11 @@
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.environment {
.tab.notes {
padding: 6px 0 4px 15px;
.editor-content {
scrollbar-gutter: stable;
.with-scroll-shadows();
}
}
}

View file

@ -1,4 +1,5 @@
@import '../../../utils/colors.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.environment {
.tab.potentialAdversaries {
@ -7,7 +8,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
padding-bottom: 4px;
padding: 0 4px 4px 4px;
scrollbar-gutter: stable;
.with-scroll-shadows();
}
}

View file

@ -16,6 +16,8 @@
.tab {
flex: 1;
overflow-y: auto;
padding-right: 0;
margin-right: 2px;
&.active {
overflow: hidden;