fix: fix toc css bug

2019-08-20 03:32:12 +08:00
parent d7d27e0afb
commit 1dc227f304
2 changed files with 20 additions and 20 deletions
--- a/assets/css/_page/_post.scss
+++ b/assets/css/_page/_post.scss
@@ -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;
-      }
    }
  }