fix: fix toc css bug

This commit is contained in:
Dillon 2019-08-20 03:32:12 +08:00
parent d7d27e0afb
commit 1dc227f304
2 changed files with 20 additions and 20 deletions

View file

@ -86,32 +86,32 @@
}
.post-toc-mobile {
padding: 10px;
padding: 10px 0;
details {
summary {
display: block;
outline: none;
cursor: pointer;
display: flex;
justify-content: space-between;
font-size: 1.2em;
font-weight: bold;
line-height: 2em;
padding: 0 10px;
background: $code-background-color;
.post-toc-title {
display: block;
display: flex;
justify-content: space-between;
font-size: 1.2em;
font-weight: bold;
line-height: 2em;
padding: 0 10px;
background: $code-background-color;
i.details {
line-height: 2em;
}
.dark-theme & {
background: $code-background-color-dark;
}
}
&::-webkit-details-marker {
display: none;
}
i.details {
line-height: 2em;
}
.dark-theme & {
background: $code-background-color-dark;
}
}
}

View file

@ -53,7 +53,7 @@
</div>
<div class="post-toc-mobile" id="post-toc-mobile">
<details>
<summary class="post-toc-title">{{ T "toc" }}<i class="details icon fas fa-angle-down"></i></summary>
<summary><div class="post-toc-title">{{ T "toc" }}<i class="details icon fas fa-angle-down"></i></div></summary>
<div class="post-toc-content">
{{ $toc := .TableOfContents }}
{{ $toc = replaceRE `id="TableOfContents"` `id="TableOfContentsMobile"` $toc }}