Soper
/
hugo-book
forked from gitbot/hugo-book
1
0
Fork 0
Code Issues Pull Requests Projects Releases 2 Wiki Activity

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

soper-book
Alex Shpak 2020-05-18 23:58:21 +02:00
parent 71e55e59d1
commit 65484b0f4c
5 changed files with 12 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

14
assets/_main.scss
View File

@ -168,12 +168,6 @@ ul.pagination {
margin: $padding-16 0;
border-bottom: 1px solid transparent;
&::after {
display: block;
content: "";
clear: both;
}
input {
width: 100%;
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 {
display: block;
}

2
exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.content
View File

File diff suppressed because one or more lines are too long

2
exampleSite/resources/_gen/assets/scss/book.scss_50fc8c04e12a2f59027287995557ceff.json
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="}}

2
layouts/_default/baseof.html
View File

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

2
layouts/partials/docs/search.html
View File

@ -1,7 +1,7 @@
{{ if default true .Site.Params.BookSearch }}
<div class="book-search">
<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>
</div>
{{ end }}