From 16de126c04503316e64fa74f55d818759406a08d Mon Sep 17 00:00:00 2001
From: Shamim Rezaie <shamim@moodle.com>
Date: Fri, 3 May 2024 13:00:08 +1000
Subject: [PATCH] MDL-81538 theme_boost: Fix popover arrow direction in RTL

---
 theme/boost/scss/moodle/bootstrap-rtl.scss | 2 ++
 theme/boost/style/moodle.css               | 2 ++
 theme/classic/style/moodle.css             | 2 ++
 3 files changed, 6 insertions(+)

diff --git a/theme/boost/scss/moodle/bootstrap-rtl.scss b/theme/boost/scss/moodle/bootstrap-rtl.scss
index f6a99006a33..5433afa86bf 100644
--- a/theme/boost/scss/moodle/bootstrap-rtl.scss
+++ b/theme/boost/scss/moodle/bootstrap-rtl.scss
@@ -49,6 +49,7 @@
             .arrow {
                 transform: rotate(180deg);
                 left: subtract(-$popover-arrow-height, $popover-border-width);
+                right: auto;
             }
         }
         &.bs-popover-left,
@@ -57,6 +58,7 @@
             margin-left: 0;
             .arrow {
                 transform: rotate(180deg);
+                left: auto;
                 right: subtract(-$popover-arrow-height, $popover-border-width);
             }
         }
diff --git a/theme/boost/style/moodle.css b/theme/boost/style/moodle.css
index 23667ba72e1..5031492c7c6 100644
--- a/theme/boost/style/moodle.css
+++ b/theme/boost/style/moodle.css
@@ -22888,6 +22888,7 @@ a.text-dark:hover, a.text-dark:focus {
 .dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=right] .arrow {
   transform: rotate(180deg);
   left: calc(-0.5rem - 1px);
+  right: auto;
 }
 .dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^=left] {
   margin-right: 0.5rem;
@@ -22895,6 +22896,7 @@ a.text-dark:hover, a.text-dark:focus {
 }
 .dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=left] .arrow {
   transform: rotate(180deg);
+  left: auto;
   right: calc(-0.5rem - 1px);
 }
 
diff --git a/theme/classic/style/moodle.css b/theme/classic/style/moodle.css
index ff8ff3e4a65..7f94cf589a2 100644
--- a/theme/classic/style/moodle.css
+++ b/theme/classic/style/moodle.css
@@ -22888,6 +22888,7 @@ a.text-dark:hover, a.text-dark:focus {
 .dir-rtl .popover.bs-popover-right .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=right] .arrow {
   transform: rotate(180deg);
   left: calc(-0.5rem - 1px);
+  right: auto;
 }
 .dir-rtl .popover.bs-popover-left, .dir-rtl .popover.bs-popover-auto[x-placement^=left] {
   margin-right: 0.5rem;
@@ -22895,6 +22896,7 @@ a.text-dark:hover, a.text-dark:focus {
 }
 .dir-rtl .popover.bs-popover-left .arrow, .dir-rtl .popover.bs-popover-auto[x-placement^=left] .arrow {
   transform: rotate(180deg);
+  left: auto;
   right: calc(-0.5rem - 1px);
 }