Hide the verification left stroke only on the thread list (#8525)

* Hide the verification left stroke only in the thread panel (ie. let it shown in a chat panel with a maximized widget) Respect the original comment that the stroke should be hidden in the thread list (and in a thread as well). Signed-off-by: Suguru Hirahara <[email protected]> * Display the left stroke inside a thread Signed-off-by: Suguru Hirahara <[email protected]>
matrix-org · May 11, 2022 · ac46e63 · ac46e63
1 parent fbb8581
commit ac46e63
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 5 deletions.
diff --git a/res/css/views/right_panel/_ThreadPanel.scss b/res/css/views/right_panel/_ThreadPanel.scss
@@ -199,10 +199,6 @@ limitations under the License.
         .mx_EventTile_e2eIcon {
             left: 8px;
         }
-
-        &:hover .mx_EventTile_line {
-            box-shadow: unset !important; // don't show the verification left stroke in the thread list
-        }
     }
 
     .mx_MessageComposer {

diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -737,11 +737,15 @@ $threadInfoLineHeight: calc(2 * $font-12px); // See: _commons.scss
     align-items: center;
 
     &:hover,
-    // To cancel "&.mx_EventTile:hover .mx_EventTile_line"
+    // Override .mx_EventTile:not([data-layout=bubble]).mx_EventTile:hover .mx_EventTile_line
     &:not([data-layout=bubble]):hover .mx_EventTile_line {
         background-color: $system;
     }
 
+    &:not([data-layout=bubble]):hover .mx_EventTile_line {
+        box-shadow: none; // don't show the verification left stroke in the thread list
+    }
+
     &::after {
         content: "";
         position: absolute;