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

Close zoomed image when clicking the parent div instead of image

Browse Source 
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
2 changed files with 1 additions and 3 deletions
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);
}); });