nishiki/hugo-theme-relearn
1
0
Fork 0
mirror of https://github.com/McShelby/hugo-theme-relearn.git synced 2024-12-03 12:43:05 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

menu: replace clumsy expand implementation #955
Some checks failed
docs-build-deployment / Run deploy (push) Has been cancelled
Details
docs-build / Run build (push) Has been cancelled
Details

Browse source
This commit is contained in:
Sören Weber 2024-11-30 19:55:10 +01:00
parent 62b52bb868
commit 39fcbb3283
No known key found for this signature in database
GPG key ID: BEC6D55545451B6D
3 changed files with 8 additions and 11 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
assets/css/theme.css
View file

@ -2380,9 +2380,6 @@ article ul > li > input[type='checkbox']:checked::before {
display: none;
}
#R-sidebar ul.collapsible-menu > li > input + label > .fa-chevron-down {
display: none;
}
#R-sidebar ul.collapsible-menu > li > input + label > .fa-chevron-right {
display: inline-block;
}
@ -2393,18 +2390,18 @@ article ul > li > input[type='checkbox']:checked::before {
display: block;
}
#R-sidebar ul.collapsible-menu > li > input:checked + label > .fa-chevron-down {
display: inline-block;
}
#R-sidebar ul.collapsible-menu > li > input:checked + label > .fa-chevron-right {
display: none;
transform: rotate(90deg);
}
/* adjust menu for RTL reading direction */
html[dir='rtl'] #R-sidebar ul.collapsible-menu > li > label > i.fa-chevron-right {
html[dir='rtl'] #R-sidebar ul.collapsible-menu > li > input + label > i.fa-chevron-right {
transform: scaleX(-1);
}
html[dir='rtl'] #R-sidebar ul.collapsible-menu > li > input:checked + label > i.fa-chevron-right {
transform: rotate(90deg);
}
a#R-logo {
color: var(--MENU-SECTIONS-BG-color);

4
layouts/partials/menu.html
View file

@ -190,7 +190,7 @@
{{- $entryId := md5 .Path }}
{{- $isOpen := or $currentAlwaysopen $isSelf $isAncestor }}
<li class="{{if $isActive }}active {{end}}{{if (or $isSelf $isAncestor) }}parent {{end}}{{if $isHidden }}hidden {{end}}{{if not $url }}headless {{end}}{{if $currentAlwaysopen}}alwaysopen {{end}}" data-nav-id="{{ $url }}">
{{- if $isCollapsible }}<input type="checkbox" id="R-section-{{ $entryId }}" aria-controls="R-subsections-{{ $entryId }}"{{ if $isOpen }} checked{{ end }}><label for="R-section-{{ $entryId }}"><i class="fa-fw fas fa-chevron-down"></i><i class="fa-fw fas fa-chevron-right"></i><span class="a11y-only">{{ T "Submenu" $title }}</span></label>{{ end }}
{{- if $isCollapsible }}<input type="checkbox" id="R-section-{{ $entryId }}" aria-controls="R-subsections-{{ $entryId }}"{{ if $isOpen }} checked{{ end }}><label for="R-section-{{ $entryId }}"><i class="fa-fw fas fa-chevron-right"></i><span class="a11y-only">{{ T "Submenu" $title }}</span></label>{{ end }}
{{- if $url }}<a class="padding" href="{{ $url }}"{{ if gt (len $target) 0 }} target="{{ $target }}"{{ end }}>{{ else }}<span class="padding">{{ end }}
{{- $pre }}{{ $title }}{{ $post }}
{{- if $url }}{{ if $showvisitedlinks }}<i class="fa-fw fas fa-check read-icon"></i>{{ end }}</a>{{ else }}</span>{{ end }}<ul id="R-subsections-{{ $entryId }}" class="collapsible-menu">
@ -324,7 +324,7 @@
{{- $entryId := md5 (print .) }}
{{- $isOpen := or $currentAlwaysopen $isSelf $isAncestor }}
<li class="{{if $isActive }}active {{end}}{{if (or $isSelf $isAncestor) }}parent {{end}}{{if $isHidden }}hidden {{end}}{{if not $url }}headless {{end}}{{if $currentAlwaysopen}}alwaysopen {{end}}" data-nav-id="{{ $url }}">
{{- if $isCollapsible }}<input type="checkbox" id="R-section-{{ $entryId }}" aria-controls="R-subsections-{{ $entryId }}"{{ if $isOpen }} checked{{ end }}><label for="R-section-{{ $entryId }}"><i class="fa-fw fas fa-chevron-down"></i><i class="fa-fw fas fa-chevron-right"></i><span class="a11y-only">{{ T "Submenu" $title }}</span></label>{{ end }}
{{- if $isCollapsible }}<input type="checkbox" id="R-section-{{ $entryId }}" aria-controls="R-subsections-{{ $entryId }}"{{ if $isOpen }} checked{{ end }}><label for="R-section-{{ $entryId }}"><i class="fa-fw fas fa-chevron-right"></i><span class="a11y-only">{{ T "Submenu" $title }}</span></label>{{ end }}
{{- if $url }}<a class="padding" href="{{ $url }}"{{ if gt (len $target) 0 }} target="{{ $target }}"{{ end }}>{{ else }}<span class="padding">{{ end }}
{{- $pre }}{{ $title }}{{ $post }}
{{- if $url }}{{ if $showvisitedlinks }}<i class="fa-fw fas fa-check read-icon"></i>{{ end }}</a>{{ else }}</span>{{ end }}<ul id="R-subsections-{{ $entryId }}" class="collapsible-menu">

2
layouts/partials/version.txt
View file

@ -1 +1 @@
7.1.1+bda57027b3c9f782f73a1b088ab021cf9b47a29d
7.1.1+62b52bb8680225e7de2ff0442813709ae1e14bc0