From fc6d1b5b9d80a83c9355b58fc89bcfaf6a1d71be Mon Sep 17 00:00:00 2001
From: Jordan Vidrine <30537603+jordanvidrine@users.noreply.github.com>
Date: Wed, 28 May 2025 15:42:57 -0500
Subject: [PATCH] UX: RTL positioning of boxed view (#170)

---
 scss/box-view.scss | 30 ++++++++++++++++++++++++++++++
 1 file changed, 30 insertions(+)

diff --git a/scss/box-view.scss b/scss/box-view.scss
index 83de222..a35b612 100644
--- a/scss/box-view.scss
+++ b/scss/box-view.scss
@@ -127,6 +127,36 @@
   }
 }
 
+.rtl .experimental-screen {
+  &__top-left {
+    right: var(--left-distance);
+    left: unset;
+  }
+
+  &__top-right {
+    transform: rotate(-90deg) !important;
+    right: calc(var(--right-distance) - var(--d-border-radius-large));
+    left: unset;
+  }
+
+  &__bottom-left {
+    transform: rotate(90deg);
+    right: var(--left-distance);
+    left: unset;
+  }
+
+  &__bottom-right {
+    transform: rotate(180deg);
+    left: unset;
+    right: calc(var(--right-distance) - var(--d-border-radius-large));
+  }
+
+  &__bottom-bar {
+    right: var(--left-distance);
+    left: unset;
+  }
+}
+
 @media screen and (min-width: 768px) {
   .with-topic-progress {
     bottom: calc(