cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-07-24 11:29: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 cc16a726bf
commit 80b5cda9ba
33 changed files with 203 additions and 111 deletions
Download patch file Download diff file Expand all files Collapse all files

8
styles/less/global/elements.less
View file

@ -261,10 +261,14 @@
fieldset {
align-items: center;
margin-top: 5px;
border-radius: 6px;
border-color: @color-fieldset-border;
/* Left and right side spacing is set up so that content starts at 15px left indent */
margin-top: 5px;
padding-inline: 7px;
margin-inline: 6px;
&.glassy {
background-color: light-dark(@dark-blue-10, @golden-10);
border-color: transparent;
@ -501,7 +505,7 @@
height: 1px;
width: 100%;
border-bottom: 1px solid @color-border;
mask-image: linear-gradient(270deg, transparent 0%, black 50%, transparent 100%);
mask-image: linear-gradient(270deg, transparent 0%, black 35%,black 50%, black 65%, transparent 100%);
}
side-line-div {

16
styles/less/global/inventory-item.less
View file

@ -283,6 +283,22 @@
}
}
/*
* Styles for the non-compact version so that the hover looks nicer.
* Because of overflow, it is best if the containing element has some top and left padding.
*/
.inventory-item:not(.inventory-item-compact) {
.inventory-item-header {
padding-top: 3px;
margin-top: -3px;
}
> * {
padding-left: 3px;
padding-right: 3px;
margin-left: -3px;
}
}
.card-item {
position: relative;
height: 120px;

2
styles/less/global/prose-mirror.less
View file

@ -3,6 +3,8 @@
.application.daggerheart {
prose-mirror {
--menu-padding: 0;
--menu-height: var(--menu-button-height);
height: 100% !important;
width: 100%;

2
styles/less/global/sheet.less
View file

@ -54,7 +54,7 @@ body.game:is(.performance-low, .noblur) {
position: relative;
min-height: -webkit-fill-available;
transition: opacity 0.3s ease;
padding-bottom: 20px;
padding-bottom: 16px;
.tab {
padding: 0 10px;