cosmo/daggerheart
1
0
Fork 0
mirror of https://github.com/Foundryborne/daggerheart.git synced 2026-01-12 03:31:07 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

[BUGFIX] - Fix scroll problems in char sheet (#404)

Browse source 
* Fix scrollable tab

* fix char sidebard and tabs scroll

* Removed comment

---------

Co-authored-by: Dapoolp <elcatnet@gmail.com>
Co-authored-by: WBHarry <williambjrklund@gmail.com>
This commit is contained in:
Murilo Brito 2025-07-24 19:03:15 -03:00 • committed by GitHub
parent 55e003aa3b
commit e8e328039e
No known key found for this signature in database
GPG key ID: B5690EEEBB952194
11 changed files with 152 additions and 115 deletions
Download patch file Download diff file Expand all files Collapse all files

19
styles/less/sheets/actors/character/effects.less Normal file
View file

@ -0,0 +1,19 @@
@import '../../../utils/colors.less';
@import '../../../utils/fonts.less';
.application.sheet.daggerheart.actor.dh-style.character {
.tab.effects {
.effects-sections {
display: flex;
flex-direction: column;
gap: 10px;
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
padding: 20px 0;
padding-top: 10px;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
}
}
}

1
styles/less/sheets/actors/character/features.less
View file

@ -11,7 +11,6 @@
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
padding: 20px 0;
padding-top: 10px;
height: 84%;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;

1
styles/less/sheets/actors/character/inventory.less
View file

@ -56,7 +56,6 @@
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
padding: 20px 0;
height: 73%;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;

1
styles/less/sheets/actors/character/loadout.less
View file

@ -97,7 +97,6 @@
overflow-y: auto;
mask-image: linear-gradient(0deg, transparent 0%, black 10%, black 98%, transparent 100%);
padding: 20px 0;
height: 84%;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;

6
styles/less/sheets/actors/character/sheet.less
View file

@ -11,6 +11,7 @@
width: 100%;
padding-bottom: 0;
overflow-x: auto;
margin-bottom: 0;
.character-sidebar-sheet {
grid-row: 1 / span 2;
@ -25,6 +26,11 @@
.tab {
grid-row: 2;
grid-column: 2;
&.active {
display: flex;
flex-direction: column;
overflow: hidden;
}
}
}
}

57
styles/less/sheets/actors/character/sidebar.less
View file

@ -63,7 +63,7 @@
flex-direction: column;
top: -20px;
gap: 30px;
margin-bottom: -10px;
margin-bottom: -16px;
.resources-section {
display: flex;
@ -357,54 +357,39 @@
}
}
.equipment-section {
.title {
display: flex;
gap: 15px;
align-items: center;
.shortcut-items-section {
overflow-y: hidden;
max-height: 56%;
padding-top: 16px;
padding-bottom: 20px;
mask-image: linear-gradient(0deg, transparent 0%, black 5%, black 95%, transparent 100%);
h3 {
font-size: 20px;
}
}
.items-list {
display: flex;
flex-direction: column;
gap: 10px;
align-items: center;
&:hover {
overflow-y: auto;
scrollbar-width: thin;
scrollbar-color: light-dark(@dark-blue, @golden) transparent;
}
}
.loadout-section {
.equipment-section,
.loadout-section,
.experience-section {
.title {
display: flex;
gap: 15px;
align-items: center;
.section-title();
}
}
h3 {
font-size: 20px;
}
.equipment-section {
.items-list {
.column-list(10px);
}
}
.experience-section {
.title {
display: flex;
gap: 15px;
align-items: center;
h3 {
font-size: 20px;
}
}
.experience-list {
display: flex;
flex-direction: column;
gap: 5px;
.column-list(5px);
width: 100%;
margin-top: 10px;
align-items: center;
.experience-row {
display: flex;

1
styles/less/sheets/index.less
View file

@ -4,6 +4,7 @@
@import './actors/adversary/sidebar.less';
@import './actors/character/biography.less';
@import './actors/character/effects.less';
@import './actors/character/features.less';
@import './actors/character/header.less';
@import './actors/character/inventory.less';