From 4859e63a89e641d5eb9b3afb2d328fd6adb4a9b3 Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Fri, 12 Feb 2021 18:14:54 +0200 Subject: Remove body scrollbar in chat layout, keep nav bar still on scroll lock, add tiny fade for media modal --- src/components/media_modal/media_modal.vue | 11 +++++++++++ 1 file changed, 11 insertions(+) (limited to 'src/components/media_modal/media_modal.vue') diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue index ea7f7a7f..34394e7e 100644 --- a/src/components/media_modal/media_modal.vue +++ b/src/components/media_modal/media_modal.vue @@ -73,11 +73,22 @@ } } +@keyframes media-fadein { + from { + opacity: 0; + } + to { + opacity: 1; + } +} + .modal-image { max-width: 90%; max-height: 90%; box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.5); image-orientation: from-image; // NOTE: only FF supports this + opacity: 1; + animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein; } .modal-view-button-arrow { -- cgit v1.2.3-70-g09d2 From 398aac65585cf7f743f323aa75d05646470da1d5 Mon Sep 17 00:00:00 2001 From: Shpuld Shpuldson Date: Fri, 12 Feb 2021 18:47:10 +0200 Subject: remove redundant opacity2 --- src/components/media_modal/media_modal.vue | 1 - 1 file changed, 1 deletion(-) (limited to 'src/components/media_modal/media_modal.vue') diff --git a/src/components/media_modal/media_modal.vue b/src/components/media_modal/media_modal.vue index 34394e7e..54bc5335 100644 --- a/src/components/media_modal/media_modal.vue +++ b/src/components/media_modal/media_modal.vue @@ -87,7 +87,6 @@ max-height: 90%; box-shadow: 0px 5px 15px 0 rgba(0, 0, 0, 0.5); image-orientation: from-image; // NOTE: only FF supports this - opacity: 1; animation: 0.1s cubic-bezier(0.7, 0, 1, 0.6) media-fadein; } -- cgit v1.2.3-70-g09d2