fix(dashboard): make Recent Events widget content fill full width
Fixed Recent Events widget content not stretching to fill the full widget width. Content appeared narrow like a "little calendar thing" with wasted space on the right. **Problem:** - Vertical height was fixed (widget fills height correctly) ✓ - But content (event lines) didn't stretch horizontally ✗ - Event lines only as wide as their text content - Unused space on right side of widget - Notebook appeared narrow and compact **Root Cause:** `.rpg-notebook-line` (individual event line container) missing `width: 100%` property. Without this, the flex container shrinks to fit content's natural width instead of expanding to fill the parent container (`.rpg-notebook-lines`). **Fix (style.css:2597):** Added `width: 100%;` to `.rpg-notebook-line` **How it works:** - `.rpg-notebook-lines` has `flex: 1` → fills vertical space - `.rpg-notebook-line` now has `width: 100%` → fills horizontal space - `.rpg-event-text` has `flex: 1` → expands to fill remaining space after bullet - `.rpg-bullet` stays at natural size **Result:** Event lines now stretch to use full widget width: - Content fills horizontally from left to right - Event text wraps properly using full available width - No wasted space on the right - Widget looks properly sized, not like a "little calendar thing" **Before:** Event lines shrink to content width → narrow appearance with unused space **After:** Event lines stretch to 100% width → full-width content utilizing all available space
This commit is contained in:
@@ -2594,6 +2594,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
|
|||||||
align-items: flex-start;
|
align-items: flex-start;
|
||||||
gap: 0.375em;
|
gap: 0.375em;
|
||||||
position: relative;
|
position: relative;
|
||||||
|
width: 100%; /* Force line to fill parent width */
|
||||||
}
|
}
|
||||||
|
|
||||||
.rpg-notebook-line.rpg-event-add {
|
.rpg-notebook-line.rpg-event-add {
|
||||||
|
|||||||
Reference in New Issue
Block a user