#215, Fix menu translateX for RTL (negative X)

This commit is contained in:
Alex Shpak 2020-05-18 23:58:21 +02:00
parent 71e55e59d1
commit 65484b0f4c
5 changed files with 12 additions and 10 deletions

View file

@ -168,12 +168,6 @@ ul.pagination {
margin: $padding-16 0; margin: $padding-16 0;
border-bottom: 1px solid transparent; border-bottom: 1px solid transparent;
&::after {
display: block;
content: "";
clear: both;
}
input { input {
width: 100%; width: 100%;
padding: $padding-8; padding: $padding-8;
@ -342,6 +336,14 @@ aside nav,
} }
} }
//for RTL support
body[dir="rtl"] #menu-control:checked + main {
.book-menu nav,
.book-page {
transform: translateX(-$menu-width);
}
}
#toc-control:checked + aside { #toc-control:checked + aside {
display: block; display: block;
} }

View file

@ -1 +1 @@
{"Target":"book.min.c3e2d100ba2319549e09b81b242634766bd799847cf02e1d6fa2426a64db14dc.css","MediaType":"text/css","Data":{"Integrity":"sha256-w+LRALojGVSeCbgbJCY0dmvXmYR88C4db6JCamTbFNw="}} {"Target":"book.min.a56ee6d9b77f646d0d4bb1b367d0f8dbc01d8ee356ea2a65bd9516e8647eea5c.css","MediaType":"text/css","Data":{"Integrity":"sha256-pW7m2bd/ZG0NS7GzZ9D428AdjuNW6iplvZUW6GR+6lw="}}

View file

@ -6,7 +6,7 @@
{{ partial "docs/inject/head" . }} {{ partial "docs/inject/head" . }}
</head> </head>
<body> <body dir={{ .Site.Language.LanguageDirection }}>
<input type="checkbox" class="hidden" id="menu-control" /> <input type="checkbox" class="hidden" id="menu-control" />
<main class="container flex"> <main class="container flex">
<aside class="book-menu"> <aside class="book-menu">

View file

@ -1,7 +1,7 @@
{{ if default true .Site.Params.BookSearch }} {{ if default true .Site.Params.BookSearch }}
<div class="book-search"> <div class="book-search">
<input type="text" id="book-search-input" placeholder="{{ i18n "Search" }}" aria-label="{{ i18n "Search" }}" maxlength="64" data-hotkeys="s/" /> <input type="text" id="book-search-input" placeholder="{{ i18n "Search" }}" aria-label="{{ i18n "Search" }}" maxlength="64" data-hotkeys="s/" />
<div class="book-search-spinner spinner hidden"></div> <div class="book-search-spinner hidden"></div>
<ul id="book-search-results"></ul> <ul id="book-search-results"></ul>
</div> </div>
{{ end }} {{ end }}