Styling pass for scrollbars, fieldsets, and scroll shadows

This commit is contained in:
Carlos Fernandez 2026-05-29 05:41:22 -04:00
parent 9e25b7eff0
commit d9aab66646
30 changed files with 178 additions and 88 deletions

View file

@ -3,14 +3,28 @@
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.features {
.tab.features.active {
position: relative;
padding-left: 12px;
.feature-section {
display: flex;
flex-direction: column;
gap: 10px;
padding-top: 4px;
padding-right: 2px;
overflow-y: auto;
padding-bottom: 20px;
scrollbar-gutter: stable;
.with-scroll-shadows();
}
> button {
--button-size: 1.75rem;
width: 1.75rem;
position: absolute;
inset: auto 16px 0 auto;
box-shadow: 0 0 5px @light-black;
}
&:has(> button) .feature-section {
padding-bottom: calc(1px + 1.75rem);
}
}
}