Merge pull request #4 from paperboygold/fix/panel-animation-and-imports

fix: resolve panel collapse animation and import errors
This commit is contained in:
Spicy Marinara
2025-10-15 09:13:04 +02:00
committed by GitHub
2 changed files with 21 additions and 20 deletions
+14 -2
View File
@@ -37,12 +37,12 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
display: flex;
flex-direction: column;
overflow: visible;
transition: width 0.3s ease, transform 0.3s ease;
transition: width 0.3s ease, left 0.3s ease, right 0.3s ease, transform 0.3s ease;
}
/* Collapsed state - fixed width for collapse */
.rpg-panel.rpg-collapsed {
width: 40px !important;
max-width: 40px !important;
min-width: 40px !important;
left: auto !important;
right: auto !important;
@@ -56,6 +56,17 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
left: 0 !important;
}
/* Fix positioning when collapsed - panel should stick to correct edge */
.rpg-panel.rpg-position-right.rpg-collapsed {
left: calc(100vw - 40px);
right: 0;
}
.rpg-panel.rpg-position-left.rpg-collapsed {
right: calc(100vw - 40px);
left: 0;
}
.rpg-panel.rpg-collapsed .rpg-game-container {
opacity: 0;
pointer-events: none;
@@ -360,6 +371,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
flex-direction: column;
height: 100%;
overflow: hidden;
transition: opacity 0.3s ease;
}
/* Panel Content - Main scrollable area */