Remove margins from UI elements and fix collapse button visibility

- Remove margins from rpg-stats-header, rpg-mood, rpg-panel-header, and rpg-manual-update-btn
- Fix collapse/expand button visibility by changing panel overflow to visible
- Increase collapse button z-index to 10001 for better layering
- Adjust collapse button positioning for better visual alignment
This commit is contained in:
Spicy_Marinara
2025-10-14 19:39:36 +02:00
parent 737b580be8
commit 50b5915400
+9 -8
View File
@@ -39,7 +39,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
color: var(--rpg-text);
display: flex;
flex-direction: column;
overflow: hidden;
overflow: visible;
transition: width 0.3s ease, transform 0.3s ease;
}
@@ -68,10 +68,11 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
display: flex;
align-items: center;
justify-content: center;
z-index: 1001;
z-index: 10001;
transition: all 0.3s ease;
font-size: 16px;
box-shadow: 0 0 10px var(--rpg-shadow);
pointer-events: auto;
}
.rpg-collapse-toggle:hover {
@@ -82,13 +83,13 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
/* Position collapse button on the left side for right panel */
.rpg-panel.rpg-position-right .rpg-collapse-toggle {
left: -30px;
left: -32px;
border-radius: 8px 0 0 8px;
}
/* Position collapse button on the right side for left panel */
.rpg-panel.rpg-position-left .rpg-collapse-toggle {
right: -30px;
right: -32px;
border-radius: 0 8px 8px 0;
}
@@ -373,7 +374,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
display: flex;
justify-content: space-between;
align-items: center;
margin-bottom: 12px;
margin: 0;
padding-bottom: 10px;
border-bottom: 2px solid var(--rpg-border);
flex-shrink: 0;
@@ -553,7 +554,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
align-items: stretch;
justify-content: space-between;
gap: clamp(6px, 1.2vh, 12px);
margin-bottom: clamp(4px, 1vh, 8px);
margin: 0;
flex-shrink: 0;
}
@@ -742,7 +743,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
}
.rpg-mood {
margin-top: 3px;
margin: 0;
display: flex;
align-items: center;
gap: 6px;
@@ -2417,7 +2418,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
gap: 6px;
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.3);
flex-shrink: 0;
margin: 8px 0 8px 0;
margin: 0;
}
.rpg-manual-update-btn:hover {