From ff762706251bc388773b928b1cc3744e12859ecd Mon Sep 17 00:00:00 2001 From: Suguru Hirahara Date: Sat, 18 Jun 2022 13:02:38 +0900 Subject: [PATCH] Fix position of message action bar on the info tile on TimelineCard in message bubble layout Signed-off-by: Suguru Hirahara --- res/css/views/right_panel/_BaseCard.scss | 3 ++- res/css/views/right_panel/_TimelineCard.scss | 4 ++++ 2 files changed, 6 insertions(+), 1 deletion(-) diff --git a/res/css/views/right_panel/_BaseCard.scss b/res/css/views/right_panel/_BaseCard.scss index 64cb0c74f42..1ea320a04e5 100644 --- a/res/css/views/right_panel/_BaseCard.scss +++ b/res/css/views/right_panel/_BaseCard.scss @@ -15,11 +15,12 @@ limitations under the License. */ .mx_BaseCard { + --BaseCard_padding-inline: $spacing-8; --BaseCard_EventTile_line-padding-block: 2px; --BaseCard_EventTile-spacing-inline: 36px; // TODO: Use a spacing variable --BaseCard_header-button-size: 24px; - padding: 0 $spacing-8; + padding: 0 var(--BaseCard_padding-inline); overflow: hidden; display: flex; flex-direction: column; diff --git a/res/css/views/right_panel/_TimelineCard.scss b/res/css/views/right_panel/_TimelineCard.scss index 212639b6d5f..08eea8cd688 100644 --- a/res/css/views/right_panel/_TimelineCard.scss +++ b/res/css/views/right_panel/_TimelineCard.scss @@ -37,6 +37,10 @@ limitations under the License. z-index: auto; // enable background color on hover } + &.mx_EventTile_info .mx_MessageActionBar { + inset-inline-end: calc($container-gap-width + var(--BaseCard_padding-inline) + 1px); // 1px: border width + } + .mx_ReactionsRow { position: relative; // display on hover }