From cd8bdc1f549ba687a94946a776969f251de1f4b5 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Mon, 9 May 2022 06:35:17 +0000 Subject: [PATCH] Add box-shadow to the reply preview on the main (left) panel only (#8397) 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 598371bd368..50abcc738ba 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; @@ -53,3 +51,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; + } +}