From 6916288c876421800e6a5409764265a0bc662170 Mon Sep 17 00:00:00 2001 From: Amir Tadrisi Date: Mon, 27 Nov 2023 11:40:44 -0500 Subject: [PATCH] chore: add RTL support directly to the dropdown-user-menu target --- lms/static/sass/shared/_header.scss | 15 ++++++--------- 1 file changed, 6 insertions(+), 9 deletions(-) diff --git a/lms/static/sass/shared/_header.scss b/lms/static/sass/shared/_header.scss index ec617d9..cb4d6e4 100644 --- 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 - } -} -