fix: show options when hovering the entire message

GetStream · Aug 5, 2022 · a5d7367 · a5d7367
1 parent d41942c
commit a5d7367
Showing 1 changed file with 11 additions and 9 deletions.
diff --git a/src/v2/styles/Message/Message-layout.scss b/src/v2/styles/Message/Message-layout.scss
@@ -154,10 +154,10 @@
     column-gap: var(--str-chat__spacing-0_5);
     position: relative;
 
-	 .str-chat__message-status-tooltip-container {
-		display: flex;
-		justify-content: center;
-	 }
+    .str-chat__message-status-tooltip-container {
+      display: flex;
+      justify-content: center;
+    }
 
     svg {
       width: calc(var(--str-chat__spacing-px) * 15);
@@ -228,16 +228,18 @@
   }
 }
 
-.str-chat__message-inner {
-  .str-chat__message-options {
-    display: none;
-  }
-
+.str-chat__li {
   &:hover {
     .str-chat__message-options {
       display: flex;
     }
   }
+}
+
+.str-chat__message-inner {
+  .str-chat__message-options {
+    display: none;
+  }
 
   .str-chat__message-edit-in-progress.str-chat__message-options {
     display: flex;