mirrors/Equicord
1
1
Fork 0
mirror of https://github.com/Equicord/Equicord.git synced 2025-06-27 15:34:26 -04:00
Code Issues Projects Releases Packages Wiki Activity Actions 5

feat(plugin): Image Zoom (#510)

Browse source 
Co-authored-by: Nuckyz <61953774+Nuckyz@users.noreply.github.com>
Co-authored-by: Ven <vendicated@riseup.net>
This commit is contained in:
Syncx 2023-04-06 11:06:11 +10:00 • committed by GitHub
parent 2e6c5eacf7
commit df7357b357
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
5 changed files with 504 additions and 0 deletions
Download patch file Download diff file Expand all files Collapse all files

31
src/plugins/imageZoom/styles.css Normal file
View file

@ -0,0 +1,31 @@
.lens {
position: absolute;
inset: 0;
z-index: 9999;
border: 2px solid grey;
border-radius: 50%;
overflow: hidden;
cursor: none;
box-shadow: inset 0 0 10px 2px grey;
filter: drop-shadow(0 0 2px grey);
pointer-events: none;
}
.zoom img {
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/* make the carousel take up less space so we can click the backdrop and exit out of it */
[class^="focusLock"] > [class^="carouselModal"] {
height: fit-content;
box-shadow: none;
}
[class^="focusLock"] > [class^="carouselModal"] > div {
height: fit-content;
top: 50%;
transform: translateY(-50%);
}