Pakobbix/rpg-companion-sillytavern
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

v3.2.1: Fix mobile viewport height issues with dvh units

Browse Source
This commit is contained in:
Spicy_Marinara
2026-01-08 11:18:09 +01:00
parent 7e9d98738f
commit 2624309523
5 changed files with 16 additions and 22 deletions
Download Patch File Download Diff File Expand all files Collapse all files
README.md
+2 -8
View File
@@ -7,15 +7,9 @@ An immersive RPG extension for browsers that tracks character stats, scene infor
## 🆕 What's New
### v3.2.0
### v3.2.1
- Mobile UI fixes (AGAIN).
- Fixed the regex issue in Together mode.
- Fixed the parsing error to not appear upon loading new chats or switching them.
- Fixed adding new relationships in the Edit Trackers.
- Added migration for importing older trackers' presets.
- Lifted attributes' cap to 999.
- Fixed some mobile displays.
- Mobile UI fixes (SAVE ME FROM THIS NIGHTMARE).
**Special thanks to all the other contributors for this project:**
Paperboygold, Munimunigamer, Subarashimo, Lilminzyu, Claude, IDeathByte, Chungchandev, Joenunezb, and Amauragis.
manifest.json
+1 -1
View File
@@ -6,6 +6,6 @@
"js": "index.js",
"css": "style.css",
"author": "Marinara",
"version": "3.2.0",
"version": "3.2.1",
"homePage": "https://github.com/SpicyMarinara/rpg-companion-sillytavern"
}
settings.html
+1 -1
View File
@@ -48,7 +48,7 @@
</div>
<div style="margin-top: 10px; text-align: center; opacity: 0.6; font-size: 0.85em;">
v3.2.0
v3.2.1
</div>
</div>
</div>
src/systems/ui/checkpointUI.js
+2 -2
View File
@@ -36,7 +36,7 @@ export function addCheckpointButtonToMessage(messageId, menu, isExpanded = false
menuItem.setAttribute('data-i18n', translationKey);
menuItem.title = isCheckpoint
? 'Clear Chapter Start'
: 'Set Chapter Start: When bookmarked, this message will count as the first message in the chat history, skipping earlier ones';
: 'Set Chapter Start — When bookmarked, this message will count as the first message in the chat history, skipping earlier ones.';
// Icon only (no text label)
const icon = document.createElement('i');
@@ -363,7 +363,7 @@ function updateCheckpointButtonInMenu(menu, messageId) {
// Update tooltip
existingButton.title = isCheckpoint
? 'Clear Chapter Start'
: 'Set Chapter Start: When bookmarked, this message will count as the first message in the chat history, skipping earlier ones';
: 'Set Chapter Start — When bookmarked, this message will count as the first message in the chat history, skipping earlier ones.';
const translationKey = isCheckpoint ? 'checkpoint.clearChapterStart' : 'checkpoint.setChapterStart';
existingButton.setAttribute('data-i18n', translationKey);
}
style.css
+10 -10
View File
@@ -201,7 +201,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
right: auto !important;
width: 85% !important;
max-width: 320px !important;
height: 100vh !important;
height: 100dvh !important;
top: 0 !important;
bottom: 0 !important;
}
@@ -213,7 +213,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
right: 0 !important;
width: 85% !important;
max-width: 320px !important;
height: 100vh !important;
height: 100dvh !important;
top: 0 !important;
bottom: 0 !important;
}
@@ -5002,11 +5002,11 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
width: 90vw !important;
left: 50% !important;
transform: translateX(-50%) !important;
max-height: calc(100vh - 80px) !important;
max-height: calc(100dvh - 80px) !important;
}
#rpg-thought-panel .rpg-thought-bubble {
max-height: calc(100vh - 100px) !important;
max-height: calc(100dvh - 100px) !important;
overflow-y: auto !important;
}
@@ -5146,7 +5146,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
/* Mobile panel sizing */
width: 85vw !important;
max-width: 400px !important;
height: 100vh !important;
height: 100dvh !important;
/* Hidden by default - completely removed from layout */
display: none !important;
@@ -7515,9 +7515,9 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
top: 0;
left: 0;
width: 100vw;
height: 100vh;
height: 100dvh;
min-width: 100vw;
min-height: 100vh;
min-height: 100dvh;
z-index: 99999; /* Increased from 10000 to ensure it's on top */
display: none;
opacity: 0;
@@ -7531,7 +7531,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
justify-content: center;
padding: 2vh 0; /* Add vertical padding */
overflow-y: auto; /* Allow modal itself to scroll if container is too tall */
min-height: 100vh; /* Force full viewport height */
min-height: 100dvh; /* Force full viewport height */
min-width: 100vw; /* Force full viewport width */
}
@@ -8699,7 +8699,7 @@ body:has(.rpg-panel.rpg-position-left) #sheld {
top: 0;
left: 0;
width: 100vw;
height: 100vh;
height: 100dvh;
background: rgba(0, 0, 0, 0.8);
z-index: 999999;
display: flex;
@@ -9361,7 +9361,7 @@ body[data-theme="cyberpunk"] .rpg-music-widget-play {
/* Sunshine rays */
.rpg-sunray {
width: 3px;
height: 100vh;
height: 100dvh;
background: linear-gradient(to bottom,
rgba(255, 250, 200, 0) 0%,
rgba(255, 250, 200, 0.3) 20%,