chore: support RTL for header dropdown

appsembler · Nov 17, 2023 · 8cf17c0 · 8cf17c0
1 parent a36ee01
commit 8cf17c0
Showing 1 changed file with 29 additions and 1 deletion.
diff --git a/lms/static/sass/_customer-specific.scss b/lms/static/sass/_customer-specific.scss
@@ -72,4 +72,32 @@
       }
     }
   }
-}
+}
+
+// RTL Support
+
+.window-wrap {
+    .global-header {
+        .main-header {
+            .nav-links {
+                .nav-item.nav-item-dropdown {
+                    .dropdown-user-menu {
+                        position: absolute;
+                        top: 100%;
+                        right: 0;
+                        width: auto;
+                        min-width: 11.25rem;
+                        max-width: 80%;
+
+                        // Override for RTL languages
+                        body.rtl & {
+                            right: auto;
+                            left: 0;
+                        }
+                    }
+                }
+            }
+        }
+    }
+}
+