Pakobbix/rpg-companion-sillytavern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(dashboard): anchor Refresh and Settings buttons to bottom

Browse Source 
Fixed panel layout to properly position bottom buttons:

**Changes:**
1. #rpg-panel-content: Changed overflow-y from 'hidden' to 'auto'
   - Allows panel to scroll when needed

2. .rpg-dashboard-container: Added flex properties
   - flex: 1 - Grows to fill available space
   - overflow-y: auto - Scrolls internally when content overflows
   - min-height: 0 - Allows shrinking in flex context

**Result:**
Creates proper flex layout where:
- Dice display stays at top (fixed size)
- Dashboard container fills middle and scrolls (flex: 1)
- Toggle/Refresh/Settings buttons anchor at bottom (fixed size)

Fixes issue where buttons appeared in middle of panel instead of bottom.
This commit is contained in:
Lucas 'Paperboy' Rose-Winters
2025-10-23 14:16:45 +11:00
parent 2c37318798
commit 29afefb76e
1 changed files with 4 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files
style.css
+4 -1
View File
@@ -380,7 +380,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
display: flex; display: flex;
flex-direction: column; flex-direction: column;
gap: 0.375em; gap: 0.375em;
overflow-y: hidden; overflow-y: auto;
overflow-x: hidden; overflow-x: hidden;
min-height: 0; min-height: 0;
} }
@@ -1051,6 +1051,9 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
flex-direction: column; flex-direction: column;
gap: 0.75rem; gap: 0.75rem;
width: 100%; width: 100%;
flex: 1;
overflow-y: auto;
min-height: 0;
} }
.rpg-dashboard-header { .rpg-dashboard-header {