kienan
/
hugo-theme-zzo
mirror of https://github.com/zzossig/hugo-theme-zzo.git
1
0
Fork 0
Code Issues Projects Releases Wiki Activity

outer toc bug fix

This commit is contained in:
zzossig 2020-01-22 21:14:40 +09:00
parent 06c5c78c51
commit adc8e4b9ca
4 changed files with 12 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

7
assets/sass/components/_switch.scss
View File

@ -1,10 +1,11 @@
.switch { .switch {
position: relative; position: relative;
// display: inline-block;
width: 28px; width: 28px;
height: 14px; height: 14px;
margin-top: 0.7rem; margin-top: 0.7rem;
margin-left: 1rem; margin-left: 1rem;
@include animation('slide-in-down-little .2s .3s 1 ease-in backwards');
} }
.switch input { .switch input {
@ -20,6 +21,7 @@
left: 0; left: 0;
right: 0; right: 0;
bottom: 0; bottom: 0;
@include transition(all, 0.2s, ease); @include transition(all, 0.2s, ease);
@include themify($themes) { @include themify($themes) {
background-color: themed('switch-background-color'); background-color: themed('switch-background-color');
@ -32,7 +34,8 @@
height: 11px; height: 11px;
width: 11px; width: 11px;
left: 1.72px; left: 1.72px;
bottom: 1.72px; bottom: 1.72px;
@include transition(all, 0.2s, ease); @include transition(all, 0.2s, ease);
@include themify($themes) { @include themify($themes) {
background-color: themed('switch-button-color'); background-color: themed('switch-button-color');

6
assets/sass/components/_toc.scss
View File

@ -48,8 +48,10 @@
color: themed('toc-label-color'); color: themed('toc-label-color');
} }
@media only screen and (max-width: 1300px) { &--outer {
display: none; @media only screen and (max-width: 1300px) {
display: none;
}
} }
} }

2
exampleSite/resources/_gen/assets/scss/sass/main.scss_b4f67ac5085b89b62b54c1923e5a9145.content
View File

File diff suppressed because one or more lines are too long

4
layouts/partials/body/main-right.html
View File

@ -1,8 +1,8 @@
<div class="wrapper__right"> <div class="wrapper__right">
{{ if eq ($.Param "tocPosition") "outer" }} {{ if and (eq ($.Param "tocPosition") "outer") .IsPage }}
{{ if or ($.Param "enableToc") ($.Param "toc") }} {{ if or ($.Param "enableToc") ($.Param "toc") }}
<div class="toc__flexbox--outer" data-position="fixed"> <div class="toc__flexbox--outer" data-position="fixed">
<h6 class="toc__title">{{ i18n "toc-label" }}</h6> <h6 class="toc__title toc__title--outer">{{ i18n "toc-label" }}</h6>
{{ if $.Param "enableTocSwitch" }} {{ if $.Param "enableTocSwitch" }}
<label class="switch"> <label class="switch">
<input id="visible-toc" aria-label="Visible TOC" type="checkbox" {{ if $.Param "hideToc" }}{{ else }}checked{{ end }}> <input id="visible-toc" aria-label="Visible TOC" type="checkbox" {{ if $.Param "hideToc" }}{{ else }}checked{{ end }}>