From 0bfae990c1e6bca713efa362b14d0b92fbed6022 Mon Sep 17 00:00:00 2001
From: Lucas <hello@lucascm.dev>
Date: Tue, 11 Aug 2026 07:09:06 +0100
Subject: [PATCH] Improved rounded corners for correspondence

- Now that the white background is applied to the correspondence text and event actions, there is no need for the pseudo elements that were creating the rounded corners.
---
 app/assets/stylesheets/responsive/custom.scss | 26 +------------------
 1 file changed, 1 insertion(+), 25 deletions(-)

diff --git a/app/assets/stylesheets/responsive/custom.scss b/app/assets/stylesheets/responsive/custom.scss
index 2ecf8198..b1fafac1 100644
--- a/app/assets/stylesheets/responsive/custom.scss
+++ b/app/assets/stylesheets/responsive/custom.scss
@@ -36,7 +36,7 @@ $main_menu-active_link_text: $main_menu-link_bg;
 $submenu-highlight: rgba(0, 0, 0, 0.2);
 
 $incoming-correspondence-color: $color_violet;
-$incoming-correspondence-background: $color_white;
+$incoming-correspondence-background: transparent;
 $outgoing-correspondence-color: $color_orange;
 $outgoing-correspondence-background: $color_white;
 $comment-color: darken($color_light_grey, 10%);
@@ -940,30 +940,6 @@ div.correspondence {
   &::after {
     right: -2px;
   }
-  .incoming &::before {
-    background-image:
-      linear-gradient(to right, $body-bg 2px, transparent 0),
-      linear-gradient(to bottom, transparent 5px, $incoming-correspondence-color 0),
-      radial-gradient(circle at 7px 5px, $incoming-correspondence-color 5px, $body-bg 0);
-  }
-  .outgoing &::before {
-    background-image:
-      linear-gradient(to right, $body-bg 2px, transparent 0),
-      linear-gradient(to bottom, transparent 5px, $outgoing-correspondence-color 0),
-      radial-gradient(circle at 7px 5px, $outgoing-correspondence-color 5px, $body-bg 0);
-  }
-  .incoming &::after {
-    background-image:
-      linear-gradient(to left, $body-bg 2px, transparent 0),
-      linear-gradient(to bottom, transparent 5px, $incoming-correspondence-color 0),
-      radial-gradient(circle at 0 5px, $incoming-correspondence-color 5px, $body-bg 0);
-  }
-  .outgoing &::after {
-    background-image:
-      linear-gradient(to left, $body-bg 2px, transparent 0),
-      linear-gradient(to bottom, transparent 5px, $outgoing-correspondence-color 0),
-      radial-gradient(circle at 0 5px, $outgoing-correspondence-color 5px, $body-bg 0);
-  }
 }
 
 .correspondence_info {