Fix panel to properly stretch from screen edge to chat border - use width calculation instead of left/right positioning
This commit is contained in:
@@ -105,18 +105,18 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
|
|||||||
display: none;
|
display: none;
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Right Position (Default) - Panel fills right margin space */
|
/* Right Position (Default) - Panel fills right margin space from chat edge to screen edge */
|
||||||
.rpg-panel.rpg-position-right {
|
.rpg-panel.rpg-position-right {
|
||||||
right: 0;
|
right: 0;
|
||||||
left: calc(50% + var(--sheldWidth) / 2);
|
width: calc(50vw - var(--sheldWidth) / 2);
|
||||||
border-left: 3px solid var(--rpg-border);
|
border-left: 3px solid var(--rpg-border);
|
||||||
box-shadow: -5px 0 20px var(--rpg-shadow);
|
box-shadow: -5px 0 20px var(--rpg-shadow);
|
||||||
}
|
}
|
||||||
|
|
||||||
/* Left Position - Panel fills left margin space */
|
/* Left Position - Panel fills left margin space from screen edge to chat edge */
|
||||||
.rpg-panel.rpg-position-left {
|
.rpg-panel.rpg-position-left {
|
||||||
left: 0;
|
left: 0;
|
||||||
right: calc(50% + var(--sheldWidth) / 2);
|
width: calc(50vw - var(--sheldWidth) / 2);
|
||||||
border-right: 3px solid var(--rpg-border);
|
border-right: 3px solid var(--rpg-border);
|
||||||
box-shadow: 5px 0 20px var(--rpg-shadow);
|
box-shadow: 5px 0 20px var(--rpg-shadow);
|
||||||
}
|
}
|
||||||
|
|||||||
Reference in New Issue
Block a user