rixty/SillyTavern
1
0
Fork 0
mirror of https://github.com/SillyTavern/SillyTavern.git synced 2025-06-05 21:59:27 +02:00
Code Issues Packages Projects Releases Wiki Activity

Adjust VN mode width overlap calculations

Browse Source
This commit is contained in:
Cohee
2023-06-04 15:33:28 +03:00
parent c33812d448
commit a273fcb593
2 changed files with 5 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/scripts/extensions/expressions/index.js
View File

@ -192,8 +192,10 @@ async function visualNovelUpdateLayers(container) {
let currentPosition = pivotalPoint - (totalWidth / 2); let currentPosition = pivotalPoint - (totalWidth / 2);
if (totalWidth > containerWidth) { if (totalWidth > containerWidth) {
let overlap = (totalWidth - containerWidth) / (imagesWidth.length - 1); let totalOverlap = totalWidth - containerWidth;
imagesWidth = imagesWidth.map((width) => width - overlap); let totalWidthWithoutWidest = imagesWidth.reduce((a, b) => a + b, 0) - Math.max(...imagesWidth);
let overlaps = imagesWidth.map(width => (width / totalWidthWithoutWidest) * totalOverlap);
imagesWidth = imagesWidth.map((width, index) => width - overlaps[index]);
currentPosition = 0; // Reset the initial position to 0 currentPosition = 0; // Reset the initial position to 0
} }

1
public/scripts/extensions/expressions/style.css
View File

@ -15,6 +15,7 @@
height: calc(100vh - 40px); height: calc(100vh - 40px);
width: 100vw; width: 100vw;
position: relative; position: relative;
overflow: hidden;
} }
#visual-novel-wrapper .expression-holder { #visual-novel-wrapper .expression-holder {