From 0b4204acbb94a5009f81c3fcfa508dc6c8df1340 Mon Sep 17 00:00:00 2001
From: Khaled Huthaily <khaledenglish@yahoo.com>
Date: Sat, 3 May 2025 09:20:27 -0600
Subject: [PATCH] support rtl direction

This PR adds support to show the close icon and the navigation buttons correctly on webpages that are right-to-left.
---
 src/driver.css | 10 ++++++++++
 1 file changed, 10 insertions(+)

diff --git a/src/driver.css b/src/driver.css
index 0128f76d..a2bf0d56 100644
--- a/src/driver.css
+++ b/src/driver.css
@@ -80,6 +80,11 @@
   transition-duration: 200ms;
 }
 
+html[dir="rtl"] .driver-popover-close-btn {
+  right: auto;
+  left: 0;
+}
+
 .driver-popover-close-btn:hover,
 .driver-popover-close-btn:focus {
   color: #2d2d2d;
@@ -160,6 +165,11 @@
   margin-left: 4px;
 }
 
+html[dir="rtl"] .driver-popover-navigation-btns button + button {
+  margin-left: unset;
+  margin-right: 4px;
+}
+
 .driver-popover-arrow {
   content: "";
   position: absolute;