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

* Use a logical property

Signed-off-by: Suguru Hirahara <[email protected]>

Author: luixxiul

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;