mirror of
https://github.com/dillonzq/LoveIt.git
synced 2025-01-20 23:57:09 +01:00
fix: fix toc css bug
This commit is contained in:
parent
d7d27e0afb
commit
1dc227f304
2 changed files with 20 additions and 20 deletions
|
@ -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;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
|
@ -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 }}
|
||||
|
|
Loading…
Reference in a new issue