From bd799a3d2bea84efe06c705cad3481a0271abcd4 Mon Sep 17 00:00:00 2001 From: SpiritCroc Date: Sun, 13 Oct 2024 13:26:16 +0200 Subject: Always apply corner radius to all edges of the bubble --- res/css/views/rooms/_EventBubbleTile.pcss | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/res/css/views/rooms/_EventBubbleTile.pcss b/res/css/views/rooms/_EventBubbleTile.pcss index 7b1af0c771..fbb1ad2e1b 100644 --- a/res/css/views/rooms/_EventBubbleTile.pcss +++ b/res/css/views/rooms/_EventBubbleTile.pcss @@ -283,6 +283,8 @@ Please see LICENSE files in the repository root for full details. margin-inline: var(--EventTile_bubble_line-margin-inline-start) var(--EventTile_bubble_line-margin-inline-end); border-top-left-radius: var(--cornerRadius); border-top-right-radius: var(--cornerRadius); + border-bottom-left-radius: var(--cornerRadius); + border-bottom-right-radius: var(--cornerRadius); /* the selector here is quite weird because timestamps can appear linked & unlinked and in different places */ /* in the DOM depending on the specific rendering context */ @@ -376,7 +378,7 @@ Please see LICENSE files in the repository root for full details. } &.mx_EventTile_continuation[data-self="false"] .mx_EventTile_line { - border-top-left-radius: 0; + //border-top-left-radius: 0; .mx_MImageBody .mx_MImageBody_thumbnail_container, .mx_MVideoBody .mx_MVideoBody_container, @@ -384,7 +386,7 @@ Please see LICENSE files in the repository root for full details. .mx_MediaBody, .mx_MLocationBody_map, .mx_MBeaconBody { - border-top-left-radius: 0; + //border-top-left-radius: 0; } } &.mx_EventTile_lastInSection[data-self="false"] .mx_EventTile_line { @@ -401,7 +403,7 @@ Please see LICENSE files in the repository root for full details. } &.mx_EventTile_continuation[data-self="true"] .mx_EventTile_line { - border-top-right-radius: 0; + //border-top-right-radius: 0; .mx_MImageBody .mx_MImageBody_thumbnail_container, .mx_MVideoBody .mx_MVideoBody_container, @@ -409,7 +411,7 @@ Please see LICENSE files in the repository root for full details. .mx_MediaBody, .mx_MLocationBody_map, .mx_MBeaconBody { - border-top-right-radius: 0; + //border-top-right-radius: 0; } } &.mx_EventTile_lastInSection[data-self="true"] .mx_EventTile_line { -- 2.47.1