klmp200/Sith
1
0
Fork 0
mirror of https://github.com/ae-utbm/sith.git synced 2026-08-26 15:19:15 +00:00
Code Issues Packages Projects Releases Wiki Activity

Move image click to frame and remove image selection

Browse Source
This commit is contained in:
klmp200
2026-08-19 18:05:18 +02:00
parent 4d07b94fee
commit 1765d70911
2 changed files with 8 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files
sas/static/sas/css/picture.scss
+3
View File
@@ -48,6 +48,9 @@
height: 100%; height: 100%;
max-width: 100%; max-width: 100%;
object-fit: contain; object-fit: contain;
// Prevent ugly selection when
// clicking to change the image
user-select: none;
} }
} }
} }
sas/templates/sas/picture.jinja
+5 -2
View File
@@ -82,13 +82,16 @@
<div class="container" id="pict"> <div class="container" id="pict">
<div class="main"> <div class="main">
<div class="photo" :aria-busy="currentPicture.imageLoading"> <div
class="photo"
:aria-busy="currentPicture.imageLoading"
@click="currentPicture = (($event.offsetX > $event.target.getBoundingClientRect().width / 2) ? nextPicture : previousPicture) ?? currentPicture"
>
<img <img
:src="currentPicture.compressedUrl" :src="currentPicture.compressedUrl"
:alt="currentPicture.name" :alt="currentPicture.name"
id="main-picture" id="main-picture"
x-ref="mainPicture" x-ref="mainPicture"
@click="currentPicture = (($event.offsetX > $el.offsetWidth / 2) ? nextPicture : previousPicture) ?? currentPicture"
/> />
</div> </div>