rixty
/
SillyTavern
mirror of https://github.com/SillyTavern/SillyTavern.git
1
0
Fork 0
Code Issues Packages Projects Releases Wiki Activity

Close zoomed image when clicking the parent div instead of image 

Makes it easier to close on mobile
This commit is contained in:
Kristan Schlikow 2024-04-14 17:12:26 +02:00
parent 835d6c71fa
commit 928fa7a3fc
No known key found for this signature in database
GPG Key ID: B92ED0CBF4AD31EA
2 changed files with 1 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
public/css/mobile-styles.css
View File

@ -28,7 +28,6 @@
z-index: 30; z-index: 30;
overflow: hidden; overflow: hidden;
right: 0; right: 0;
top: 50px;
aspect-ratio: 2 / 3; aspect-ratio: 2 / 3;
width: fit-content; width: fit-content;
max-height: calc(60vh - 60px); max-height: calc(60vh - 60px);
@ -373,7 +372,6 @@
overflow: hidden; overflow: hidden;
display: none; display: none;
right: 0; right: 0;
top: 50px;
aspect-ratio: 2 / 3; aspect-ratio: 2 / 3;
left: 50%; left: 50%;
transform: translateX(-50%); transform: translateX(-50%);

2
public/script.js
View File

@ -10241,7 +10241,7 @@ jQuery(async function () {
if (power_user.zoomed_avatar_magnification) if (power_user.zoomed_avatar_magnification)
$('.zoomed_avatar_container').izoomify(); $('.zoomed_avatar_container').izoomify();
zoomedAvatarImgElement.on('click', (e) => { $('.zoomed_avatar').on('click', (e) => {
$(`.zoomed_avatar[forChar="${charname}"]`).fadeOut(); $(`.zoomed_avatar[forChar="${charname}"]`).fadeOut();
setTimeout(function() { $(`.zoomed_avatar[forChar="${charname}"]`).remove(); }, 410); setTimeout(function() { $(`.zoomed_avatar[forChar="${charname}"]`).remove(); }, 410);
}); });