fix: fix toc css bug

pogor-dev · Aug 19, 2019 · 1dc227f · 1dc227f
1 parent d7d27e0
commit 1dc227f
Show file tree

Hide file tree

Showing 2 changed files with 19 additions and 19 deletions.
diff --git a/assets/css/_page/_post.scss b/assets/css/_page/_post.scss
@@ -86,31 +86,31 @@
 }
 
 .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;
 
-      &::-webkit-details-marker {
-        display: none;
-      }
+        i.details {
+          line-height: 2em;
+        }
 
-      i.details {
-        line-height: 2em;
+        .dark-theme & {
+          background: $code-background-color-dark;
+        }
       }
 
-      .dark-theme & {
-        background: $code-background-color-dark;
+      &::-webkit-details-marker {
+        display: none;
       }
     }
   }

diff --git a/layouts/posts/single.html b/layouts/posts/single.html
@@ -53,7 +53,7 @@ <h2 class="post-toc-title">{{ T "toc" }}</h2>
             </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 }}