aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorTusooa Zhu <tusooa@kazv.moe>2021-09-08 21:28:29 -0400
committerTusooa Zhu <tusooa@kazv.moe>2022-03-13 12:02:02 -0400
commit76727cd39cf588ffc1c15c0a2fd8f1ae30ada7ea (patch)
treebcda0bd56eb6d85a5d403977fa9deb7ef6ccdb3d
parent5829cd98af60b758ee3a39c35f76f4da95a630c3 (diff)
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.
-rw-r--r--src/components/media_modal/media_modal.vue1
1 files changed, 0 insertions, 1 deletions
diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue
index 80ce1dea..0fbdb558 100644
--- a/src/components/media_modal/media_modal.vue
+++ b/src/components/media_modal/media_modal.vue
@@ -161,7 +161,6 @@
max-height: 100%;
min-width: 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
animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein;
}