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

[Marge Bot <marge-bot src gnome org>]

commit b2fa3ad98f3b017ce23a828497fc00e5eef0f88d
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>

 data/theme/gnome-shell-sass/_common.scss | 13 +++++++++++--
 1 file changed, 11 insertions(+), 2 deletions(-)
---
diff --git a/data/theme/gnome-shell-sass/_common.scss b/data/theme/gnome-shell-sass/_common.scss
index 69c450485f..4ad7b7c04d 100644
--- a/data/theme/gnome-shell-sass/_common.scss
+++ b/data/theme/gnome-shell-sass/_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