cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-07-25 11:59: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 1ebbad4797
commit a15b82df36
37 changed files with 355 additions and 278 deletions
Download patch file Download diff file Expand all files Collapse all files

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

@ -2,35 +2,62 @@
@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
--left-indent: 16px;
--sidebar-width: 265px;
.window-content {
display: grid;
grid-template-columns: 275px 1fr;
grid-template-columns: var(--sidebar-width) 1fr;
grid-template-rows: auto 1fr;
height: 100%;
width: 100%;
padding-bottom: 0;
}
.adversary-sidebar-sheet {
grid-row: 1 / span 2;
grid-column: 1;
.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;
}
.adversary-header-sheet {
grid-row: 1;
grid-column: 2;
}
.tab {
grid-row: 2;
grid-column: 2;
&.active {
overflow: hidden;
display: flex;
flex-direction: column;
margin: 0 0 10px 0;
padding: 0;
position: relative;
.scroll-container,
> prose-mirror.inactive .editor-content {
scrollbar-gutter: stable;
overflow-y: auto;
padding: var(--spacer-16) calc(var(--left-indent) - 6px) 4px var(--left-indent);
.with-scroll-shadows();
> fieldset {
margin-left: -10px; // align content with indent
margin-right: -10px;
&:first-child {
margin-top: 0;
}
}
}
> prose-mirror.inactive button.toggle {
top: var(--spacer-16);
}
&:has(> prose-mirror.active) {
padding: var(--spacer-12) 0 0 var(--left-indent);
}
}
}
}
}