From b3a09c77d9fe2ad8e94fed6e5a697334f01052d7 Mon Sep 17 00:00:00 2001
From: majordwarf <tejastank10@gmail.com>
Date: Sun, 17 May 2020 07:58:41 +0530
Subject: [PATCH] css: Use SCSS nesting in zulip.scss for `.selected_message`.

---
 static/styles/zulip.scss | 22 ++++++++++++----------
 1 file changed, 12 insertions(+), 10 deletions(-)

diff --git a/static/styles/zulip.scss b/static/styles/zulip.scss
index a4ed81d963..ea7103b7d3 100644
--- a/static/styles/zulip.scss
+++ b/static/styles/zulip.scss
@@ -1077,17 +1077,19 @@ td.pointer {
     opacity: 1;
 }
 
-.selected_message .messagebox {
-    z-index: 1;
-}
+.selected_message {
+    .messagebox {
+        z-index: 1;
+    }
 
-.selected_message .messagebox-content {
-    box-shadow:
-        inset 0px 0px 0px 2px hsl(215, 47%, 50%),
-        -1px -1px 0px 0px hsl(215, 47%, 50%),
-        1px 1px 0px 0px hsl(215, 47%, 50%),
-        -1px 1px 0px 0px hsl(215, 47%, 50%),
-        1px -1px 0px 0px hsl(215, 47%, 50%);
+    .messagebox-content {
+        box-shadow:
+            inset 0px 0px 0px 2px hsl(215, 47%, 50%),
+            -1px -1px 0px 0px hsl(215, 47%, 50%),
+            1px 1px 0px 0px hsl(215, 47%, 50%),
+            -1px 1px 0px 0px hsl(215, 47%, 50%),
+            1px -1px 0px 0px hsl(215, 47%, 50%);
+    }
 }
 
 .message_sender {