fix(dashboard): correct Recent Events widget width to fill container
The Recent Events widget was appearing as a narrow "little calendar thing"
instead of filling the full container width. The root cause was that
.rpg-events-widget container was missing `width: 100%`.
Changes:
- Add `width: 100%` to .rpg-events-widget (style.css:2517)
This makes the notebook container fill the full widget width
- Remove incorrect `width: 100%` from .rpg-notebook-line (was at line 2597)
This was a previous incorrect fix targeting child elements instead of parent
The parent .rpg-dashboard-widget has `align-items: center`, which causes
flex children without explicit width to shrink to content width. Adding
`width: 100%` to the widget container ensures it stretches to fill the
allocated grid cell.
Fixes: #sceneinfo-width
Related: commit aa50b24 (reverted incorrect fix)
This commit is contained in:
@@ -2513,7 +2513,8 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
|
|||||||
min-height: 0;
|
min-height: 0;
|
||||||
overflow: visible;
|
overflow: visible;
|
||||||
position: relative;
|
position: relative;
|
||||||
height: 100%; /* Fill parent container */
|
height: 100%; /* Fill parent container vertically */
|
||||||
|
width: 100%; /* Fill parent container horizontally */
|
||||||
flex: 1; /* Participate in flex layout */
|
flex: 1; /* Participate in flex layout */
|
||||||
}
|
}
|
||||||
|
|
||||||
@@ -2594,7 +2595,6 @@ 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