#1529 Rtl ui broken in zen mode (#1530)

This commit is contained in:
Ion Rosgrim 2020-05-03 02:30:58 +02:00 committed by GitHub
parent 4aa1784ba3
commit dd7aa29297
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23

View File

@ -69,7 +69,12 @@
&__github-corner { &__github-corner {
top: 0; top: 0;
right: 0; :root[dir="ltr"] & {
right: 0;
}
:root[dir="rtl"] & {
left: 0;
}
position: absolute; position: absolute;
width: 40px; width: 40px;
} }
@ -77,18 +82,29 @@
&__footer { &__footer {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
right: 0; :root[dir="ltr"] & {
right: 0;
}
:root[dir="rtl"] & {
left: 0;
}
width: 190px; width: 190px;
} }
.zen-mode-transition { .zen-mode-transition {
transition: transform 0.5s ease-in-out; transition: transform 0.5s ease-in-out;
&.transition-left { :root[dir="ltr"] &.transition-left {
transform: translate(-999px, 0); transform: translate(-999px, 0);
} }
&.transition-right { :root[dir="ltr"] &.transition-right {
transform: translate(999px, 0px); transform: translate(999px, 0px);
} }
:root[dir="rtl"] &.transition-left {
transform: translate(999px, 0);
}
:root[dir="rtl"] &.transition-right {
transform: translate(-999px, 0);
}
} }
.disable-zen-mode { .disable-zen-mode {