Merge pull request #238 from appsembler/amir/rtl-support

chore: add RTL support directly to the dropdown-user-menu target
appsembler · Nov 27, 2023 · ae25eba · ae25eba
2 parents 0003bc2 + 6916288
commit ae25eba
Showing 1 changed file with 6 additions and 9 deletions.
diff --git a/lms/static/sass/shared/_header.scss b/lms/static/sass/shared/_header.scss
@@ -215,12 +215,17 @@
             min-width: calcRem(180);
             max-width: 80%;
 
+            // RTL specific styles
+            &:dir(rtl) {
+              right: auto;
+              left: 0;
+            }
+
             .dropdown-item {
               white-space: unset;
             }
 
             .dropdown-nav-item {
-
               a {
                 padding: calcRem(20);
                 color: $base-text-color;
@@ -366,11 +371,3 @@
   }
 }
 
-// Targeting RTL language (e.g., Arabic)
-body.rtl {
-  .window-wrap .global-header .main-header .nav-links .nav-item.nav-item-dropdown .dropdown-user-menu {
-    right: auto; // Reset the right property
-    left: 0;    // Set left to 0 for RTL layout
-  }
-}
-