Enable search strings highlight on bubble layout (#9032)

* Move mx_EventTile_searchHighlight out of mx_EventTile:not([data-layout=bubble]) to enable it on bubble layout Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com> * Use a logical property Signed-off-by: Suguru Hirahara <luixxiul@users.noreply.github.com>
matrix-org · Jul 9, 2022 · 03ce8ae · 03ce8ae
1 parent 483ea9b
commit 03ce8ae
Showing 1 changed file with 13 additions and 14 deletions.
diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss
@@ -73,6 +73,19 @@ $left-gutter: 64px;
         }
     }
 
+    .mx_EventTile_searchHighlight {
+        background-color: $accent;
+        color: $accent-fg-color;
+        border-radius: 5px;
+        padding-inline: 2px;
+        cursor: pointer;
+
+        a {
+            background-color: $accent;
+            color: $accent-fg-color;
+        }
+    }
+
     .mx_EventTileBubble {
         margin-block: var(--EventTileBubble_margin-block);
     }
@@ -395,20 +408,6 @@ $left-gutter: 64px;
         background-color: $event-selected-color;
     }
 
-    .mx_EventTile_searchHighlight {
-        background-color: $accent;
-        color: $accent-fg-color;
-        border-radius: 5px;
-        padding-left: 2px;
-        padding-right: 2px;
-        cursor: pointer;
-
-        a {
-            background-color: $accent;
-            color: $accent-fg-color;
-        }
-    }
-
     /* End to end encryption stuff */
     &:hover .mx_EventTile_e2eIcon {
         opacity: 1;