From 870857f3213332c82d257f61e286a5ec52eac502 Mon Sep 17 00:00:00 2001
From: Germain Souquet <germain@souquet.com>
Date: Wed, 7 Jul 2021 13:00:31 +0200
Subject: [PATCH] Right hand side border radius

---
 res/css/views/rooms/_EventBubbleTile.scss | 25 +++++++++++++++++------
 1 file changed, 19 insertions(+), 6 deletions(-)

diff --git a/res/css/views/rooms/_EventBubbleTile.scss b/res/css/views/rooms/_EventBubbleTile.scss
index aa59f53b72..4d189f78a3 100644
--- a/res/css/views/rooms/_EventBubbleTile.scss
+++ b/res/css/views/rooms/_EventBubbleTile.scss
@@ -68,12 +68,22 @@ limitations under the License.
         padding: 0 var(--gutterSize);
     }
 
+    &[data-self=false] {
+        .mx_EventTile_line {
+            border-bottom-right-radius: var(--cornerRadius);
+        }
+    }
+    &[data-self=true] {
+        .mx_EventTile_line {
+            border-bottom-left-radius: var(--cornerRadius);
+        }
+    }
+
     .mx_EventTile_line {
         position: relative;
         padding: var(--gutterSize);
         border-top-left-radius: var(--cornerRadius);
         border-top-right-radius: var(--cornerRadius);
-        border-bottom-right-radius: var(--cornerRadius);
         background: var(--backgroundColor);
         display: flex;
         gap: var(--gutterSize);
@@ -84,16 +94,19 @@ limitations under the License.
         }
     }
 
-    &.mx_EventTile_continuation .mx_EventTile_line {
+    &.mx_EventTile_continuation[data-self=false] .mx_EventTile_line {
         border-top-left-radius: 0;
     }
-
-    &.mx_EventTile_lastInSection .mx_EventTile_line {
+    &.mx_EventTile_lastInSection[data-self=false] .mx_EventTile_line {
         border-bottom-left-radius: var(--cornerRadius);
     }
 
-
-
+    &.mx_EventTile_continuation[data-self=true] .mx_EventTile_line {
+        border-top-right-radius: 0;
+    }
+    &.mx_EventTile_lastInSection[data-self=true] .mx_EventTile_line {
+        border-bottom-right-radius: var(--cornerRadius);
+    }
 
     .mx_EventTile_avatar {
         position: absolute;