Improve gallery layout Closes #2907
| @@ -26,9 +26,9 @@ let paginationVisiblePages = 10; | ||
| 26 | 26 | let paginationMaxLinesPerPage = 2; |
| 27 | 27 | let galleryMaxRows = 3; |
| 28 | 28 | |
| 29 | 29 | $('body#movingDivs').on('click', '.dragClose', function () { |
| 30 | 30 | const relatedId = $(this).data('related-id'); // Get the ID of the related draggable |
| 31 | 31 | $(`body#movingDivs > .draggable[id="${relatedId}"]`).remove(); // Remove the associated draggable |
| 32 | 32 | }); |
| 33 | 33 | |
| 34 | 34 | const CUSTOM_GALLERY_REMOVED_EVENT = 'galleryRemoved'; |
| @@ -290,7 +290,7 @@ function makeMovable(id = 'gallery') { | ||
| 290 | 290 | |
| 291 | 291 | $('#dragGallery').css('display', 'block'); |
| 292 | 292 | |
| 293 | 293 | $('body#movingDivs').append(newElement); |
| 294 | 294 | |
| 295 | 295 | loadMovingUIState(); |
| 296 | 296 | $(`.draggable[forChar="${id}"]`).css('display', 'block'); |
| @@ -362,8 +362,8 @@ function makeDragImg(id, url) { | ||
| 362 | 362 | } |
| 363 | 363 | } |
| 364 | 364 | |
| 365 | 365 | // Step 3: Attach it to the bodymovingDivs container |
| 366 | 366 | document.bodygetElementById('movingDivs').appendChild(newElement); |
| 367 | 367 | |
| 368 | 368 | // Step 4: Call dragElement and loadMovingUIState |
| 369 | 369 | const appendedElement = document.getElementById(uniqueId); |
| @@ -5386,13 +5386,6 @@ body:not(.movingUI) .drawer-content.maximized { | ||
| 5386 | 5386 | |
| 5387 | 5387 | /* Jank mobile support for gallery and future draggables */ |
| 5388 | 5388 | @media screen and (max-width: 1000px) { |
| 5389 | - #gallery { | |
| 5390 | - display: block; | |
| 5391 | - width: 100vw; | |
| 5392 | - height: 100vh; | |
| 5393 | - z-index: 9999; | |
| 5394 | - } | |
| 5395 | - | |
| 5396 | 5389 | .draggable { |
| 5397 | 5390 | display: block; |
| 5398 | 5391 | width: 100vw; |