change theme-switch from 'a' to 'button'

and refactor
This commit is contained in:
Aditya Telange 2021-02-12 10:48:04 +05:30
parent 034da04180
commit 6f8edf1ffa
No known key found for this signature in database
GPG Key ID: 82E844EF3DA99E77
3 changed files with 6 additions and 7 deletions

View File

@ -40,11 +40,9 @@
height: 18px; height: 18px;
} }
a#theme-toggle { button#theme-toggle {
font-size: 24px; font-size: 26px;
user-select: none; margin: auto 4px
margin: auto 4px;
cursor: pointer
} }
body.dark #moon { body.dark #moon {

View File

@ -10,6 +10,7 @@ html {
} }
a, a,
button,
body, body,
h1, h1,
h2, h2,

View File

@ -61,7 +61,7 @@
{{- end }} {{- end }}
<span class="logo-switches"> <span class="logo-switches">
{{- if (not .Site.Params.disableThemeToggle) }} {{- if (not .Site.Params.disableThemeToggle) }}
<a id="theme-toggle" accesskey="t" title="(Alt + T)"> <button id="theme-toggle" accesskey="t" title="(Alt + T)">
<svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" <svg id="moon" xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"
fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round"
stroke-linejoin="round"> stroke-linejoin="round">
@ -80,7 +80,7 @@
<line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line> <line x1="4.22" y1="19.78" x2="5.64" y2="18.36"></line>
<line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line> <line x1="18.36" y1="5.64" x2="19.78" y2="4.22"></line>
</svg> </svg>
</a> </button>
{{- end}} {{- end}}
{{ $lang := .Lang}} {{ $lang := .Lang}}
{{ $separator := or .Title (not .Site.Params.disableThemeToggle)}} {{ $separator := or .Title (not .Site.Params.disableThemeToggle)}}