Make sidenotes mobile-friendly

2019-12-07 00:16:59 -08:00
parent b0529a9124
commit 9eae560cae
2 changed files with 39 additions and 13 deletions
--- a/themes/vanilla/layouts/shortcodes/sidenote
+++ b/themes/vanilla/layouts/shortcodes/sidenote
@@ -1,6 +1,7 @@
-<span class="sidenote {{ .Get 0 }}">
-<label class="sidenote-label">{{ .Get 2 }}</label>
-<span class="sidenote-content">
+<span class="sidenote">
+<label class="sidenote-label" for="{{ .Get 1 }}">{{ .Get 2 }}</label>
+<input class="sidenote-checkbox" type="checkbox" id="{{ .Get 1 }}"></input>
+<span class="sidenote-content sidenote-{{ .Get 0 }}">
 {{ .Inner }}
 </span>
 </span>