Fix sidebar behavior with RTL.

This commit is contained in:
Eric Huss 2023-09-02 16:43:13 -07:00
parent 869fe2f50d
commit b871676def
1 changed files with 7 additions and 1 deletions

View File

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