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

Improve gallery layout 

Closes #2907
This commit is contained in:
Cohee 2024-09-27 08:02:08 +00:00
parent 735fe49a84
commit 061ed1db65
2 changed files with 5 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/scripts/extensions/gallery/index.js
View File

@ -26,9 +26,9 @@ let paginationVisiblePages = 10;
let paginationMaxLinesPerPage = 2; let paginationMaxLinesPerPage = 2;
let galleryMaxRows = 3; let galleryMaxRows = 3;
$('body').on('click', '.dragClose', function () { $('#movingDivs').on('click', '.dragClose', function () {
const relatedId = $(this).data('related-id'); // Get the ID of the related draggable const relatedId = $(this).data('related-id'); // Get the ID of the related draggable
$(`body > .draggable[id="${relatedId}"]`).remove(); // Remove the associated draggable $(`#movingDivs > .draggable[id="${relatedId}"]`).remove(); // Remove the associated draggable
}); });
const CUSTOM_GALLERY_REMOVED_EVENT = 'galleryRemoved'; const CUSTOM_GALLERY_REMOVED_EVENT = 'galleryRemoved';
@ -290,7 +290,7 @@ function makeMovable(id = 'gallery') {
$('#dragGallery').css('display', 'block'); $('#dragGallery').css('display', 'block');
$('body').append(newElement); $('#movingDivs').append(newElement);
loadMovingUIState(); loadMovingUIState();
$(`.draggable[forChar="${id}"]`).css('display', 'block'); $(`.draggable[forChar="${id}"]`).css('display', 'block');
@ -362,8 +362,8 @@ function makeDragImg(id, url) {
} }
} }
// Step 3: Attach it to the body // Step 3: Attach it to the movingDivs container
document.body.appendChild(newElement); document.getElementById('movingDivs').appendChild(newElement);
// Step 4: Call dragElement and loadMovingUIState // Step 4: Call dragElement and loadMovingUIState
const appendedElement = document.getElementById(uniqueId); const appendedElement = document.getElementById(uniqueId);

7
public/style.css
View File

@ -5386,13 +5386,6 @@ body:not(.movingUI) .drawer-content.maximized {
/* Jank mobile support for gallery and future draggables */ /* Jank mobile support for gallery and future draggables */
@media screen and (max-width: 1000px) { @media screen and (max-width: 1000px) {
#gallery {
display: block;
width: 100vw;
height: 100vh;
z-index: 9999;
}
.draggable { .draggable {
display: block; display: block;
width: 100vw; width: 100vw;