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

fix scrolling in armour - minimal changes

Browse source
This commit is contained in:
psitacus 2025-07-07 21:47:17 -06:00
parent b0cdd4dce9
commit 1b01294e37
2 changed files with 6 additions and 54 deletions
Download patch file Download diff file Expand all files Collapse all files

27
styles/daggerheart.css
View file

@ -1901,30 +1901,17 @@ fieldset.daggerheart.chat .daggerheart.chat {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
width: 100%;
overflow: auto; overflow: auto;
/* Allow outer scrolling when content is too large */
}
.daggerheart.sheet.armor .item-sheet-header {
flex-shrink: 0;
/* Keep header visible */
}
.daggerheart.sheet.armor .tab-navigation {
flex-shrink: 0;
/* Don't shrink the navigation */
} }
.daggerheart.sheet.armor .tab { .daggerheart.sheet.armor .tab {
flex: 1; flex: 1;
min-height: 0; min-height: 0;
/* Allow the tab to shrink */
display: none; display: none;
/* Hide all tabs by default */
} }
.daggerheart.sheet.armor .tab.active { .daggerheart.sheet.armor .tab.active {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; overflow: hidden;
/* Let the inner container handle scrolling */
} }
.daggerheart.sheet.armor .tab fieldset { .daggerheart.sheet.armor .tab fieldset {
flex: 1; flex: 1;
@ -1932,24 +1919,12 @@ fieldset.daggerheart.chat .daggerheart.chat {
flex-direction: column; flex-direction: column;
min-height: 0; min-height: 0;
} }
.daggerheart.sheet.armor .tab fieldset legend { .daggerheart.sheet.armor .tab fieldset .actions-list,
flex-shrink: 0;
/* Keep legend visible */
}
.daggerheart.sheet.armor .tab fieldset .actions-list {
flex: 1;
overflow-y: auto;
min-height: 0;
scrollbar-width: thin;
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
}
.daggerheart.sheet.armor .tab fieldset.two-columns, .daggerheart.sheet.armor .tab fieldset.two-columns,
.daggerheart.sheet.armor .tab fieldset.one-column { .daggerheart.sheet.armor .tab fieldset.one-column {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
min-height: 0; min-height: 0;
scrollbar-width: thin;
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
} }
.daggerheart.sheet .domain-card-description .editor { .daggerheart.sheet .domain-card-description .editor {
height: 300px; height: 300px;

33
styles/item.less
View file

@ -34,28 +34,18 @@
display: flex; display: flex;
flex-direction: column; flex-direction: column;
height: 100%; height: 100%;
width: 100%; overflow: auto;
overflow: auto; /* Allow outer scrolling when content is too large */
}
.item-sheet-header {
flex-shrink: 0; /* Keep header visible */
}
.tab-navigation {
flex-shrink: 0; /* Don't shrink the navigation */
} }
.tab { .tab {
flex: 1; flex: 1;
min-height: 0; /* Allow the tab to shrink */ min-height: 0;
display: none; /* Hide all tabs by default */ display: none;
// Only show the active tab
&.active { &.active {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
overflow: hidden; /* Let the inner container handle scrolling */ overflow: hidden;
} }
fieldset { fieldset {
@ -64,25 +54,12 @@
flex-direction: column; flex-direction: column;
min-height: 0; min-height: 0;
legend { .actions-list,
flex-shrink: 0; /* Keep legend visible */
}
.actions-list {
flex: 1;
overflow-y: auto;
min-height: 0;
scrollbar-width: thin;
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
}
&.two-columns, &.two-columns,
&.one-column { &.one-column {
flex: 1; flex: 1;
overflow-y: auto; overflow-y: auto;
min-height: 0; min-height: 0;
scrollbar-width: thin;
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
} }
} }
} }