cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-06-07 13:24:16 +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 ddf4747310
commit 6ee4515c4a
42 changed files with 346 additions and 207 deletions
Download patch file Download diff file Expand all files Collapse all files

5
styles/less/sheets/actors/party/index.less Normal file
View file

@ -0,0 +1,5 @@
@import './sheet.less';
@import './header.less';
@import './party-members.less';
@import './inventory.less';
@import './notes.less';

12
styles/less/sheets/actors/party/inventory.less
View file

@ -1,15 +1,23 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.party {
.tab.inventory {
padding-right: 0;
.search-section {
padding-right: 14px;
}
.items-section {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
padding: 20px 0;
scrollbar-gutter: stable;
margin-top: 20px;
padding-bottom: 4px;
.with-scroll-shadows();
}
}
}

12
styles/less/sheets/actors/party/notes.less Normal file
View file

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

2
styles/less/sheets/actors/party/party-members.less
View file

@ -4,6 +4,8 @@
.application.sheet.daggerheart.actor.dh-style.party .tab.partyMembers {
overflow: auto;
scrollbar-gutter: stable;
.with-scroll-shadows();
.actors-list {
display: flex;

4
styles/less/sheets/actors/party/sheet.less
View file

@ -19,8 +19,8 @@
.application.sheet.daggerheart.actor.dh-style.party {
.tab {
flex: 1;
overflow-y: auto;
scrollbar-gutter: stable;
margin-right: 2px;
padding-right: 8px;
&.active {
overflow: auto;