[gnome-shell-sass] style: Fix rounded button corners in RTL

[Florian Müllner <fmuellner src gnome org>]

commit dde076bd76ed4b3504e3d4865ca6a09a4f4908be
Author: Florian Müllner <fmuellner gnome org>
Date:   Fri Feb 4 20:46:49 2022 +0100

    style: Fix rounded button corners in RTL
    
    https://gitlab.gnome.org/GNOME/gnome-shell/-/issues/5021
    
    Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/2158>

 _common.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)
---
diff --git a/_common.scss b/_common.scss
index 69c4504..4ad7b7c 100644
--- a/_common.scss
+++ b/_common.scss
@@ -136,14 +136,23 @@ $bubble_button_radius:$base_border_radius*1.25;
   &:hover { @include button(hover, $bubble_buttons_color, $shadow: none); }
   &:active { @include button(active, $bubble_buttons_color, $shadow: none); }
   
-  &:first-child {
+  &:first-child:ltr {
     border-radius: 0 0 0 $bubble_button_radius; 
   }
 
-  &:last-child {
+  &:last-child:ltr {
     border-radius: 0 0 $bubble_button_radius 0;
     border-right-width: 0 !important;
   }
+
+  &:first-child:rtl {
+    border-radius: 0 0 $bubble_button_radius 0;
+  }
+
+  &:last-child:rtl {
+    border-radius: 0 0 0 $bubble_button_radius;
+    border-left-width: 0 !important;
+  }
 }
 
 // styling for elements within popovers that look like notifications