koloml/furbooru-tagging-assistant
1
0
Fork 0
mirror of https://github.com/koloml/furbooru-tagging-assistant.git synced 2026-03-25 07:12:58 +00:00
Code Issues Activity

Refactoring fullscreen viewer, added close swipe action for mobile

Browse Source
This commit is contained in:
KoloMl
2024-10-20 03:47:18 +04:00
parent bafdb68f1e
commit 2cb4c6b4b2
3 changed files with 236 additions and 78 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
src/styles/content/listing.scss
View File

@@ -160,9 +160,9 @@
.fullscreen-viewer {
pointer-events: none;
z-index: 9999;
opacity: 0;
opacity: var(--opacity, 0);
background-color: black;
transition: opacity 0.1s;
transition: opacity 0.1s, transform 0.1s;
position: fixed;
left: 0;
right: 0;
@@ -171,6 +171,7 @@
display: flex;
justify-content: stretch;
align-items: stretch;
transform: translateY(var(--offset, 0));
img, video {
object-fit: contain;
@@ -179,7 +180,12 @@
}
&.shown {
opacity: 1;
opacity: var(--opacity, 1);
pointer-events: initial;
}
&.swiped {
opacity: var(--opacity, 1);
transition: none;
}
}