diff --git a/styles/daggerheart.css b/styles/daggerheart.css index a44fdb61..4cbbab9c 100755 --- a/styles/daggerheart.css +++ b/styles/daggerheart.css @@ -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; diff --git a/styles/item.less b/styles/item.less index 10e78245..06a05620 100755 --- a/styles/item.less +++ b/styles/item.less @@ -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; } } }