Make sheet tab scrollbars stable and remove fieldsets

This commit is contained in:
Carlos Fernandez 2026-07-01 20:22:25 -04:00
parent cdf6e7fdd0
commit 8f86d29569
39 changed files with 577 additions and 562 deletions

View file

@ -18,6 +18,8 @@
});
.application.sheet.daggerheart.actor.dh-style {
--side-indent: 16px;
.portrait img,
.profile {
width: 100%;
@ -39,6 +41,33 @@
.window-header > .attribution-header-label {
margin-right: var(--spacer-4);
pointer-events: none;
}
.tab-navigation {
margin-bottom: 0;
}
.tab {
padding: 0;
.search-section {
padding: var(--spacer-16) 12px var(--spacer-8) 10px;
}
.scroll-container {
scrollbar-gutter: stable;
overflow-y: auto;
.with-scroll-shadows();
padding: var(--spacer-16) calc(var(--side-indent) - var(--scrollbar-width)) 4px var(--side-indent);
> fieldset:first-child {
margin-top: 0;
}
}
.scroll-container:not(:first-child) {
padding-top: var(--spacer-8); // nested have less top padding
}
}
.tab.inventory {
@ -46,7 +75,7 @@
display: grid;
grid-template-columns: 1fr 1fr 1fr 1fr;
gap: 10px;
padding: 10px 10px 0;
padding: var(--spacer-8) var(--side-indent) var(--spacer-12) var(--side-indent);
.input {
color: light-dark(@dark, @beige);
@ -94,7 +123,6 @@
position: relative;
color: light-dark(@dark-blue-50, @beige-50);
width: 100%;
padding-top: 5px;
input {
border-radius: 50px;