moon
/
pleroma-fe
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Remove image box-shadow in media modal 

The box-shadow causes an image to be very blurry on Webkit browsers
(experienced: Konqueror, Safari; heard of: Chrome) when scaled up
if the initial size of the image is much smaller than the actual size
(e.g. when viewing a very long picture).

The shadow is not really obvious anyway.
This commit is contained in:
Tusooa Zhu 2021-09-08 21:28:29 -04:00
parent 5829cd98af
commit 76727cd39c
No known key found for this signature in database
GPG Key ID: 7B467EDE43A08224
1 changed files with 0 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/media_modal/media_modal.vue
View File

@ -161,7 +161,6 @@
max-height: 100%; max-height: 100%;
min-width: 0; min-width: 0;
min-height: 0; min-height: 0;
box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.5);
image-orientation: from-image; // NOTE: only FF supports this image-orientation: from-image; // NOTE: only FF supports this
animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein; animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;
} }