From 31635fea7389cdaa9561bf22f37604db7fb32fe3 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Wed, 20 Apr 2022 14:50:23 +0000 Subject: [PATCH] Add box-shadow to the reply preview on the main (left) panel only Remove the box-shadow from the preview on the (right) panel for threads and a chat with a maximized widget. Signed-off-by: Suguru Hirahara --- res/css/views/rooms/_ReplyPreview.scss | 13 ++++++++++--- 1 file changed, 10 insertions(+), 3 deletions(-) diff --git a/res/css/views/rooms/_ReplyPreview.scss b/res/css/views/rooms/_ReplyPreview.scss index eb0233108b8..efb9372020e 100644 --- a/res/css/views/rooms/_ReplyPreview.scss +++ b/res/css/views/rooms/_ReplyPreview.scss @@ -16,12 +16,10 @@ limitations under the License. .mx_ReplyPreview { border: 1px solid $primary-hairline-color; - background: $background; border-bottom: none; - border-radius: 8px 8px 0 0; + background: $background; max-height: 50vh; overflow: auto; - box-shadow: 0px -16px 32px $composer-shadow-color; .mx_ReplyPreview_section { border-bottom: 1px solid $primary-hairline-color; @@ -52,3 +50,12 @@ limitations under the License. } } } + +.mx_RoomView_body { + .mx_ReplyPreview { + // Add box-shadow to the reply preview on the main (left) panel only. + // It is not added to the preview on the (right) panel for threads and a chat with a maximized widget. + box-shadow: 0px -16px 32px $composer-shadow-color; + border-radius: 8px 8px 0 0; + } +}