Simplified trending tags structure.

cotes2020 · cotes2020 · commit 7461330d4b48 · 2019-11-20T01:50:55.000+08:00
diff --git a/_includes/panel.html b/_includes/panel.html
@@ -21,32 +21,34 @@
   {% endfor %}
 
   {% if lastmod_list.size > 0 %}
-  <div id="access-lastmod" class="post mb-4"">
-    <h3 data-toc-skip>
-      {{ site.data.label.panel.lastmod }}
-    </h3>
-    <ul class="post-content pl-0 pb-1 ml-1 mt-2">
+    <div id="access-lastmod" class="post mb-4"">
+      <h3 data-toc-skip>
+        {{- site.data.label.panel.lastmod -}}
+      </h3>
+      <ul class="post-content pl-0 pb-1 ml-1 mt-2">
     {% assign MAX_SIZE = 5 %}
     {% assign sum = 0 %}
     {% assign lastmod_list = lastmod_list | sort | reverse %}
     {% for item in lastmod_list %}
       {% assign index = item | split: "::" | last | plus: 0 %}
       {% assign post = site.posts[index] %}
-      <li><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></li>
+        <li><a href="{{ post.url | prepend: site.baseurl }}">{{ post.title }}</a></li>
       {% assign sum = sum | plus: 1 %}
       {% if sum >= MAX_SIZE %}
         {% break %}
       {% endif %}
     {% endfor %}
-    </ul>
-  </div><!-- #panel-update -->
+      </ul>
+    </div><!-- #access-lastmod -->
   {% endif %}
 
-  <div id="access-tags">
-    <h3 data-toc-skip>
-      {{ site.data.label.panel.trending_tags }}
-    </h3>
-    <div class="d-flex flex-wrap mt-2 pb-1 pr-3">
+    <div id="access-tags">
+
+      <h3 data-toc-skip>
+        {{- site.data.label.panel.trending_tags -}}
+      </h3>
+
+      <div class="d-flex flex-wrap mt-3 mb-1 mr-3">
       {% capture tags_array %}
         {% for tag in site.tags %}
           {{ tag[1] | size }}:{{ tag[0] | replace: ' ', '-' }}
@@ -57,7 +59,6 @@ <h3 data-toc-skip>
       {% assign count = 0 %}
       {% assign trends = tags_array | split: " " | sort | reverse %}
 
-      <div>
       {% for trend in trends %}
         {% assign count = count | plus: 1 %}
         {% assign tag = trend | split: ":" | last  %}
@@ -66,19 +67,20 @@ <h3 data-toc-skip>
           {% break %}
         {% endif %}
       {% endfor %}
-      </div>
 
-    </div>
-  </div><!-- #panel-tags -->
-</div>
+      </div> <!-- div.d-flex.flex-wrap -->
 
-{% if page.layout == 'post' and site.toc and page.toc %}
-<div id="toc-wrap" class="pl-0 pr-4">
+    </div> <!-- #access-tags -->
+
+  </div> <!-- .access -->
+
+  {% if page.layout == 'post' and site.toc and page.toc %}
+  <div id="toc-wrap" class="pl-0 pr-4">
     <h3 data-toc-skip class="pl-3 pt-2">
       {{- site.data.label.panel.toc -}}
     </h3>
     <nav id="toc" data-toggle="toc"></nav>
   </div>
-{% endif %}
+  {% endif %}
 
 </div> <!-- #panel-wrap -->
diff --git a/assets/css/_src/main.scss b/assets/css/_src/main.scss
@@ -431,7 +431,7 @@ footer .license a {
   border: 1px solid #e9ecef;
   border-radius: .8rem;
   padding: .3rem .5rem;
-  margin-bottom: .3rem;
+  margin: 0 .35rem .5rem 0;
 }
 
 #access-tags .post-tag:hover {

Original file line number	Diff line number	Diff line change
`@@ -431,7 +431,7 @@ footer .license a {`
`431`	`431`	`border: 1px solid #e9ecef;`
`432`	`432`	`border-radius: .8rem;`
`433`	`433`	`padding: .3rem .5rem;`
`434`		`- margin-bottom: .3rem;`
	`434`	`+ margin: 0 .35rem .5rem 0;`
`435`	`435`	`}`
`436`	`436`
`437`	`437`	`#access-tags .post-tag:hover {`