Optimized the TOC position.

cotes2020 · cotes2020 · commit 4107a825c120 · 2020-06-11T22:01:15.000+08:00
diff --git a/_includes/panel.html b/_includes/panel.html
@@ -57,16 +57,15 @@ <h3 data-toc-skip>
       {% for tag in trending_tags %}
         {% capture url %}/tags/{{ tag | downcase | url_encode }}/{% endcapture %}
         <a class="post-tag" href="{{ url | relative_url }}">{{ tag | replace: '-', ' ' }}</a>
-       {% endfor %}
+      {% endfor %}
       </div>
     </div>
   {% endif %}
-
   </div> <!-- .access -->
 
   {% if page.layout == 'post' and site.toc and page.toc %}
   <div id="toc-wrapper" class="pl-0 pr-4 mb-5">
-    <h3 data-toc-skip class="pl-3 pt-2 mb-3">
+    <h3 data-toc-skip class="pl-3 pt-2 mb-2">
       {{- site.data.label.panel.toc -}}
     </h3>
     <nav id="toc" data-toggle="toc"></nav>
diff --git a/assets/css/post.scss b/assets/css/post.scss
@@ -127,6 +127,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";
 }
 
 #toc-wrapper {
+  margin-top: 7rem;
   border-left: 1px solid rgba(158, 158, 158, 0.17);
   position: -webkit-sticky;
   position: sticky;

Original file line number	Diff line number	Diff line change
`@@ -127,6 +127,7 @@ $prompt-newer: "{{ site.data.label.post.button.next }}";`
`127`	`127`	`}`
`128`	`128`
`129`	`129`	`#toc-wrapper {`
	`130`	`+ margin-top: 7rem;`
`130`	`131`	`border-left: 1px solid rgba(158, 158, 158, 0.17);`
`131`	`132`	`position: -webkit-sticky;`
`132`	`133`	`position: sticky;`