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 <[email protected]>

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;
+    }
+}