saul365/LoveIt
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: fix toc css bug

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

38
assets/css/_page/_post.scss
View File

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

2
layouts/posts/single.html
View File

@@ -53,7 +53,7 @@
</div> </div>
<div class="post-toc-mobile" id="post-toc-mobile"> <div class="post-toc-mobile" id="post-toc-mobile">
<details> <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"> <div class="post-toc-content">
{{ $toc := .TableOfContents }} {{ $toc := .TableOfContents }}
{{ $toc = replaceRE `id="TableOfContents"` `id="TableOfContentsMobile"` $toc }} {{ $toc = replaceRE `id="TableOfContents"` `id="TableOfContentsMobile"` $toc }}