From: Anton Khorev <tony29@yandex.ru>
Date: Tue, 17 Oct 2023 12:08:22 +0000 (+0300)
Subject: Override left/right tooltip arrow placement in rtl mode
X-Git-Tag: live~1023^2
X-Git-Url: https://git.openstreetmap.org./rails.git/commitdiff_plain/f5c844682f0ab1339b9c439c4ddd2b7a25b0dd72

Override left/right tooltip arrow placement in rtl mode
---

diff --git a/app/assets/stylesheets/common.scss b/app/assets/stylesheets/common.scss
index 92f3347d1..535b7e4b8 100644
--- a/app/assets/stylesheets/common.scss
+++ b/app/assets/stylesheets/common.scss
@@ -2,6 +2,34 @@
 @import "bootstrap";
 @import "rails_bootstrap_forms";
 
+/* Bootstrap + r2 fixes */
+
+:root[dir=rtl] {
+  .bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow {
+    /* no-r2 */
+    right: unset !important;
+    left: calc(-1 * var(--bs-tooltip-arrow-height)) !important;
+
+    &::before {
+      /* no-r2 */
+      left: unset !important;
+      right: -1px !important;
+    }
+  }
+
+  .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow {
+    /* no-r2 */
+    left: unset !important;
+    right: calc(-1 * var(--bs-tooltip-arrow-height)) !important;
+
+    &::before {
+      /* no-r2 */
+      right: unset !important;
+      left: -1px !important;
+    }
+  }
+}
+
 /* Styles common to large and small screens */
 
 /* Default rules for the body of every page */