Merge pull request #6499 from matrix-org/gsouquet/fix-18195

Prevent timeline flickering on hover
2021-07-29 14:33:34 +01:00
parent ab56a16907 78a9117598
commit dac3eda9e3
1 changed files with 12 additions and 8 deletions
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@@ -38,18 +38,22 @@ limitations under the License.
        padding-top: 0;
    }

+    &::before {
+        content: '';
+        position: absolute;
+        top: -1px;
+        bottom: -1px;
+        left: -60px;
+        right: -60px;
+        z-index: -1;
+        border-radius: 4px;
+    }
+
    &:hover,
    &.mx_EventTile_selected {
+
        &::before {
-            content: '';
-            position: absolute;
-            top: -1px;
-            bottom: -1px;
-            left: -60px;
-            right: -60px;
-            z-index: -1;
            background: $eventbubble-bg-hover;
-            border-radius: 4px;
        }

        .mx_EventTile_avatar {