diff --git a/README.md b/README.md
index d49cefc..8afa07d 100644
--- a/README.md
+++ b/README.md
@@ -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.
diff --git a/manifest.json b/manifest.json
index 96d6d14..42a769e 100644
--- a/manifest.json
+++ b/manifest.json
@@ -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"
}
diff --git a/settings.html b/settings.html
index 803e736..537b4d6 100644
--- a/settings.html
+++ b/settings.html
@@ -48,7 +48,7 @@
- v3.2.0
+ v3.2.1
diff --git a/src/systems/ui/checkpointUI.js b/src/systems/ui/checkpointUI.js
index 35872da..95f0cc5 100644
--- a/src/systems/ui/checkpointUI.js
+++ b/src/systems/ui/checkpointUI.js
@@ -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);
}
diff --git a/style.css b/style.css
index 42b2735..17d2f62 100644
--- a/style.css
+++ b/style.css
@@ -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%,