fix(rtl): make header work
This commit is contained in:
parent
d290f2e99c
commit
7d507d3655
|
|
@ -252,6 +252,7 @@ $user-dropdown-width-mobile: 5rem;
|
|||
}
|
||||
|
||||
.navbar-end {
|
||||
margin-left: 0;
|
||||
margin-inline-start: auto;
|
||||
flex: 0 0 auto;
|
||||
display: flex;
|
||||
|
|
|
|||
|
|
@ -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
|
||||
|
|
|
|||
Loading…
Reference in New Issue