gitbot/hugo-book
1
0
Fork 1
mirror of https://github.com/alex-shpak/hugo-book.git synced 2025-07-01 12:41:55 +00:00
Code Issues Projects Releases Wiki Activity

Adjust styles to look like existing spacing

Browse Source
This commit is contained in:
Alex Shpak 2025-05-31 00:54:49 +02:00
parent 2acd86a6c2
commit 24d3465980
3 changed files with 15 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
assets/_main.scss
View File

@ -49,11 +49,11 @@ aside nav ul {
list-style: none;
li {
margin: 1em 0;
position: relative;
}
a {
a, span {
padding: .5em 0;
display: block;
}
@ -136,10 +136,12 @@ a .book-icon {
input.toggle + label::after {
content: "▸";
align-self: center;
}
input.toggle:checked + label::after {
content: "▾";
align-self: center;
}
}
@ -155,7 +157,7 @@ body[dir="rtl"] .book-menu {
}
.book-section-flat {
margin: $padding-16 * 2 0;
margin: $padding-16 0;
> a,
> span,
@ -210,7 +212,7 @@ body[dir="rtl"] .book-menu {
.book-search {
position: relative;
margin: $padding-16 0;
margin: $padding-8 0;
border-bottom: 1px solid transparent;
input {
@ -244,6 +246,10 @@ body[dir="rtl"] .book-menu {
@include spin(1s);
}
ul a {
padding-bottom: 0;
}
small {
opacity: 0.5;
}
@ -280,7 +286,7 @@ body[dir="rtl"] .book-menu {
}
.book-languages {
margin-block-end: $padding-16 * 2;
margin-bottom: $padding-16;
ul {
padding-inline-start: 1.5em;

4
layouts/partials/docs/languages.html
View File

@ -13,8 +13,8 @@
<ul class="book-languages">
<li>
<input type="checkbox" id="languages" class="toggle" />
<label for="languages" class="flex justify-between">
<a role="button" class="flex align-center">
<label for="languages" class="flex">
<a role="button" class="flex flex-auto">
<img src="{{ "svg/translate.svg" | relURL }}" class="book-icon" alt="Languages" />
{{ $.Site.Language.LanguageName }}
</a>

4
layouts/partials/docs/menu-filetree.html
View File

@ -30,8 +30,8 @@
{{ if .Page.Params.BookCollapseSection }}
<input type="checkbox" id="section-{{ md5 .Page }}" class="toggle" {{ if or $current $ancestor }}checked{{ end }} />
<label for="section-{{ md5 .Page }}" class="flex justify-between">
<a {{ if .Page.Content }}href="{{ .Page.RelPermalink }}"{{ else }}role="button"{{ end }} class="{{ if $current }}active{{ end }}">
<label for="section-{{ md5 .Page }}" class="flex">
<a {{ if .Page.Content }}href="{{ .Page.RelPermalink }}"{{ else }}role="button"{{ end }} class="flex-auto {{ if $current }}active{{ end }}">
{{- partial "docs/title" .Page -}}
</a>
</label>