cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-07-24 11:29:54 +02:00
Code Issues Projects Releases Packages Wiki Activity Actions 1

Styling pass for scrollbars, fieldsets, and scroll shadows

Browse source
This commit is contained in:
Carlos Fernandez 2026-05-29 05:41:22 -04:00
parent cc16a726bf
commit 80b5cda9ba
33 changed files with 203 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

13
styles/less/sheets/actors/adversary/effects.less
View file

@ -3,13 +3,20 @@
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.effects {
margin-top: var(--spacer-12);
overflow-y: auto;
scrollbar-gutter: stable;
.with-scroll-shadows();
.effects-sections {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
padding-bottom: 20px;
.with-scroll-shadows();
}
fieldset {
margin-right: 0; // scroll gutter compensation
&:first-child {
margin-top: 0;
}
}
}
}

11
styles/less/sheets/actors/adversary/features.less
View file

@ -3,14 +3,17 @@
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.features {
.tab.features.active {
position: relative;
margin-top: var(--spacer-8);
padding: var(--spacer-8) 2px 0 var(--left-indent);
overflow-y: auto;
scrollbar-gutter: stable;
.with-scroll-shadows();
.feature-section {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

3
styles/less/sheets/actors/adversary/header.less
View file

@ -7,7 +7,7 @@
width: 100%;
> *:not(line-div, .tab-navigation) {
padding-left: 15px;
padding-left: var(--left-indent);
padding-right: 15px;
}
@ -75,6 +75,7 @@
.tab-navigation {
margin-top: 0;
margin-bottom: 0;
button[data-action="openSettings"] {
margin-right: 12px;
}

46
styles/less/sheets/actors/adversary/index.less
View file

@ -1,7 +1,47 @@
@import './features.less';
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
--left-indent: 15px;
.window-content {
display: grid;
grid-template-columns: 275px 1fr;
grid-template-rows: auto 1fr;
height: 100%;
width: 100%;
padding-bottom: 0;
}
.adversary-sidebar-sheet {
grid-row: 1 / span 2;
grid-column: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
.adversary-header-sheet {
grid-row: 1;
grid-column: 2;
}
.tab {
grid-row: 2;
grid-column: 2;
&.active {
overflow: hidden;
display: flex;
flex-direction: column;
padding: 0;
margin-right: 1px;
margin-bottom: 12px;
}
}
}
@import './header.less';
@import './sheet.less';
@import './features.less';
@import './sidebar.less';
@import './effects.less';
@import './notes.less';

7
styles/less/sheets/actors/adversary/notes.less
View file

@ -1,3 +1,8 @@
.application.sheet.daggerheart.actor.dh-style.adversary .tab.notes.active {
padding-bottom: 20px;
padding-top: var(--spacer-16);
padding-left: var(--left-indent);
.editor-content {
scrollbar-gutter: stable;
.with-scroll-shadows();
}
}

36
styles/less/sheets/actors/adversary/sheet.less
View file

@ -1,36 +0,0 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.window-content {
display: grid;
grid-template-columns: 275px 1fr;
grid-template-rows: auto 1fr;
height: 100%;
width: 100%;
padding-bottom: 0;
.adversary-sidebar-sheet {
grid-row: 1 / span 2;
grid-column: 1;
overflow: hidden;
display: flex;
flex-direction: column;
}
.adversary-header-sheet {
grid-row: 1;
grid-column: 2;
}
.tab {
grid-row: 2;
grid-column: 2;
&.active {
overflow: hidden;
display: flex;
flex-direction: column;
}
}
}
}