Fix sidebar behavior with RTL.
This commit is contained in:
parent
869fe2f50d
commit
b871676def
|
@ -436,7 +436,7 @@ ul#searchresults span.teaser em {
|
||||||
transform: translateX(calc(0px - var(--sidebar-width)));
|
transform: translateX(calc(0px - var(--sidebar-width)));
|
||||||
z-index: -1;
|
z-index: -1;
|
||||||
}
|
}
|
||||||
[dir=rtl] .sidebar-hidden .sidebar {
|
[dir=rtl] #sidebar-toggle-anchor:not(:checked) ~ .sidebar {
|
||||||
transform: translateX(var(--sidebar-width));
|
transform: translateX(var(--sidebar-width));
|
||||||
}
|
}
|
||||||
.sidebar::-webkit-scrollbar {
|
.sidebar::-webkit-scrollbar {
|
||||||
|
@ -450,11 +450,17 @@ ul#searchresults span.teaser em {
|
||||||
#sidebar-toggle-anchor:checked ~ .page-wrapper {
|
#sidebar-toggle-anchor:checked ~ .page-wrapper {
|
||||||
transform: translateX(var(--sidebar-width));
|
transform: translateX(var(--sidebar-width));
|
||||||
}
|
}
|
||||||
|
[dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {
|
||||||
|
transform: translateX(calc(0px - var(--sidebar-width)));
|
||||||
|
}
|
||||||
@media only screen and (min-width: 620px) {
|
@media only screen and (min-width: 620px) {
|
||||||
#sidebar-toggle-anchor:checked ~ .page-wrapper {
|
#sidebar-toggle-anchor:checked ~ .page-wrapper {
|
||||||
transform: none;
|
transform: none;
|
||||||
margin-inline-start: var(--sidebar-width);
|
margin-inline-start: var(--sidebar-width);
|
||||||
}
|
}
|
||||||
|
[dir=rtl] #sidebar-toggle-anchor:checked ~ .page-wrapper {
|
||||||
|
transform: none;
|
||||||
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
.chapter {
|
.chapter {
|
||||||
|
|
Loading…
Reference in New Issue