From 7d507d3655bce1c0232c27830bd6dcad534ee6c0 Mon Sep 17 00:00:00 2001 From: kolaente Date: Sat, 2 Aug 2025 11:29:44 +0200 Subject: [PATCH] fix(rtl): make header work --- frontend/src/components/home/AppHeader.vue | 1 + frontend/src/components/home/ContentAuth.vue | 13 +------------ 2 files changed, 2 insertions(+), 12 deletions(-) diff --git a/frontend/src/components/home/AppHeader.vue b/frontend/src/components/home/AppHeader.vue index 48a0e672d..8ebb8ce32 100644 --- a/frontend/src/components/home/AppHeader.vue +++ b/frontend/src/components/home/AppHeader.vue @@ -252,6 +252,7 @@ $user-dropdown-width-mobile: 5rem; } .navbar-end { + margin-left: 0; margin-inline-start: auto; flex: 0 0 auto; display: flex; diff --git a/frontend/src/components/home/ContentAuth.vue b/frontend/src/components/home/ContentAuth.vue index efb34f574..b590e0b5e 100644 --- a/frontend/src/components/home/ContentAuth.vue +++ b/frontend/src/components/home/ContentAuth.vue @@ -174,11 +174,7 @@ projectStore.loadAllProjects() position: relative; padding: 1.5rem 0.5rem 0; // TODO refactor: DRY `transition-timing-function` with `./Navigation.vue`. - transition: margin-left $transition-duration; - - [dir="rtl"] & { - transition: margin-right $transition-duration; - } + transition: margin-inline-start $transition-duration; @media screen and (max-width: $tablet) { margin-inline-start: 0; @@ -194,13 +190,6 @@ projectStore.loadAllProjects() @media screen and (min-width: $tablet) { margin-inline-start: $navbar-width; } - - [dir="rtl"] & { - @media screen and (min-width: $tablet) { - margin-inline-start: 0; - margin-inline-end: $navbar-width; - } - } } // Used to make sure the spinner is always in the middle while loading