mirror of
https://github.com/Foundryborne/daggerheart.git
synced 2026-03-07 14:36:13 +01:00
fix scrolling in armour - minimal changes
This commit is contained in:
parent
b0cdd4dce9
commit
1b01294e37
2 changed files with 6 additions and 54 deletions
|
|
@ -1901,30 +1901,17 @@ fieldset.daggerheart.chat .daggerheart.chat {
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
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 {
|
||||
flex: 1;
|
||||
min-height: 0;
|
||||
/* Allow the tab to shrink */
|
||||
display: none;
|
||||
/* Hide all tabs by default */
|
||||
}
|
||||
.daggerheart.sheet.armor .tab.active {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden;
|
||||
/* Let the inner container handle scrolling */
|
||||
}
|
||||
.daggerheart.sheet.armor .tab fieldset {
|
||||
flex: 1;
|
||||
|
|
@ -1932,24 +1919,12 @@ fieldset.daggerheart.chat .daggerheart.chat {
|
|||
flex-direction: column;
|
||||
min-height: 0;
|
||||
}
|
||||
.daggerheart.sheet.armor .tab fieldset legend {
|
||||
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 .actions-list,
|
||||
.daggerheart.sheet.armor .tab fieldset.two-columns,
|
||||
.daggerheart.sheet.armor .tab fieldset.one-column {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
min-height: 0;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
|
||||
}
|
||||
.daggerheart.sheet .domain-card-description .editor {
|
||||
height: 300px;
|
||||
|
|
|
|||
|
|
@ -34,28 +34,18 @@
|
|||
display: flex;
|
||||
flex-direction: column;
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
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 */
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.tab {
|
||||
flex: 1;
|
||||
min-height: 0; /* Allow the tab to shrink */
|
||||
display: none; /* Hide all tabs by default */
|
||||
min-height: 0;
|
||||
display: none;
|
||||
|
||||
// Only show the active tab
|
||||
&.active {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
overflow: hidden; /* Let the inner container handle scrolling */
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
fieldset {
|
||||
|
|
@ -64,25 +54,12 @@
|
|||
flex-direction: column;
|
||||
min-height: 0;
|
||||
|
||||
legend {
|
||||
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;
|
||||
}
|
||||
|
||||
.actions-list,
|
||||
&.two-columns,
|
||||
&.one-column {
|
||||
flex: 1;
|
||||
overflow-y: auto;
|
||||
min-height: 0;
|
||||
scrollbar-width: thin;
|
||||
scrollbar-color: light-dark(#18162e, #f3c267) transparent;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue