From de188f02240eef95cce33f6d370718f221fee679 Mon Sep 17 00:00:00 2001
From: "stefanorigano (SRI)" <sri@odoo.com>
Date: Mon, 31 May 2021 11:10:35 +0000
Subject: [PATCH] [IMP] web: extend bootstrap border-radius utility classes

Extend utility classes allowing to use 'sm' and 'lg' variations for
directional border-radius utility classes (eg. 'rounded-lg-left').

The aim is to avoid inconsistencies for all these components that use
custom border-radius values (eg. chatter composer).
---
 .../web/static/src/webclient/webclient.scss   | 25 +++++++++++++++++++
 1 file changed, 25 insertions(+)

diff --git a/addons/web/static/src/webclient/webclient.scss b/addons/web/static/src/webclient/webclient.scss
index e47d47f54a8..eeea8740869 100644
--- a/addons/web/static/src/webclient/webclient.scss
+++ b/addons/web/static/src/webclient/webclient.scss
@@ -84,6 +84,31 @@ div.o_boolean_toggle.custom-control.custom-checkbox {
   font-family: $font-family-sans-serif;
 }
 
+// == Extend default border-radius utility classes
+//------------------------------------------------------------------------------
+// Allows to use small and large variations for directional border-radius
+// utility classes (eg. 'rounded-lg-left')
+
+.rounded {
+  $sizes: ('-sm': $border-radius-sm, '-lg': $border-radius-lg);
+
+  @each $size, $radius in $sizes {
+    @each $side in ('left', 'right') {
+      &#{$size}-#{$side} {
+        border-top-#{$side}-radius: $radius !important;
+        border-bottom-#{$side}-radius: $radius !important;
+      }
+    }
+
+    @each $direction in ('top', 'bottom') {
+      &#{$size}-#{$direction} {
+        border-#{$direction}-left-radius: $radius !important;
+        border-#{$direction}-right-radius: $radius !important;
+      }
+    }
+  }
+}
+
 //== Badges
 .badge {
   margin: 1px 2px 1px 0;