From b9c5752b5508f8b86b28fc185fb4982eb99365bc Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Sat, 9 Jul 2022 19:19:23 +0900 Subject: [PATCH 1/2] Move mx_EventTile_searchHighlight out of mx_EventTile:not([data-layout=bubble]) to enable it on bubble layout Signed-off-by: Suguru Hirahara --- res/css/views/rooms/_EventTile.scss | 28 ++++++++++++++-------------- 1 file changed, 14 insertions(+), 14 deletions(-) diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index a91ae5d12b3..2c2b8a8b5b6 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -73,6 +73,20 @@ $left-gutter: 64px; } } + .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; + } + } + .mx_EventTileBubble { margin-block: var(--EventTileBubble_margin-block); } @@ -395,20 +409,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; From edfe415fbabc4e166ecd7106711ff77bf20721a3 Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Sat, 9 Jul 2022 19:20:09 +0900 Subject: [PATCH 2/2] Use a logical property Signed-off-by: Suguru Hirahara --- res/css/views/rooms/_EventTile.scss | 3 +-- 1 file changed, 1 insertion(+), 2 deletions(-) diff --git a/res/css/views/rooms/_EventTile.scss b/res/css/views/rooms/_EventTile.scss index 2c2b8a8b5b6..02b7fa55f41 100644 --- a/res/css/views/rooms/_EventTile.scss +++ b/res/css/views/rooms/_EventTile.scss @@ -77,8 +77,7 @@ $left-gutter: 64px; background-color: $accent; color: $accent-fg-color; border-radius: 5px; - padding-left: 2px; - padding-right: 2px; + padding-inline: 2px; cursor: pointer; a {