fix(rtl): make header work

This commit is contained in:
kolaente 2025-08-02 11:29:44 +02:00
parent d290f2e99c
commit 7d507d3655
2 changed files with 2 additions and 12 deletions

View File

@ -252,6 +252,7 @@ $user-dropdown-width-mobile: 5rem;
}
.navbar-end {
margin-left: 0;
margin-inline-start: auto;
flex: 0 0 auto;
display: flex;

View File

@ -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