UX: RTL positioning of boxed view (#170)

2025-05-28 15:42:57 -05:00
parent bd93d46ef4
commit fc6d1b5b9d
1 changed files with 30 additions and 0 deletions
@@ -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(