Replace scroll shadows with scroll animation timeline

This commit is contained in:
Carlos Fernandez 2026-05-30 22:46:51 -04:00
parent 53f15a7fde
commit 787012b8e1
22 changed files with 102 additions and 79 deletions

View file

@ -1,4 +1,5 @@
@import '../../../utils/colors.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.effects {
@ -7,8 +8,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

View file

@ -1,5 +1,6 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
@import '../../../utils/mixin.less';
.application.sheet.daggerheart.actor.dh-style.adversary {
.tab.features {
@ -8,8 +9,8 @@
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%);
padding-bottom: 20px;
.with-scroll-shadows();
}
}
}

View file

@ -3,3 +3,5 @@
@import './sheet.less';
@import './sidebar.less';
@import './effects.less';
@import './notes.less';

View file

@ -0,0 +1,3 @@
.application.sheet.daggerheart.actor.dh-style.adversary .tab.notes.active {
padding-bottom: 20px;
}

View file

@ -286,9 +286,8 @@
overflow-y: hidden;
padding-top: 10px;
padding-bottom: 20px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
scrollbar-gutter: stable;
.with-scroll-shadows();
&:hover {
overflow-y: auto;