asandikci.com/web
1
0
Fork 0
Code Issues 10 Pull requests Projects Releases Packages Wiki Activity Actions

Optimized the indentation of layout Category and Tag.

Browse source
This commit is contained in:
Cotes Chung 2019-12-08 00:15:09 +08:00
parent 9992e11228
commit bbdad4ebd9
3 changed files with 9 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
_layouts/category.html
View file

@ -8,7 +8,7 @@ layout: page
{% include date-format.html %} {% include date-format.html %}
<div id="page-category"> <div id="page-category">
<h1> <h1 class="pl-lg-2">
<i class="far fa-folder-open fa-fw text-muted"></i> <i class="far fa-folder-open fa-fw text-muted"></i>
{{ page.title }} {{ page.title }}
<span class="lead text-muted pl-2">{{ site.categories[page.category] | size }}</span> <span class="lead text-muted pl-2">{{ site.categories[page.category] | size }}</span>

2
_layouts/tag.html
View file

@ -8,7 +8,7 @@ layout: page
{% include date-format.html %} {% include date-format.html %}
<div id="page-tag"> <div id="page-tag">
<h1> <h1 class="pl-lg-2">
<i class="fa fa-tag fa-fw text-muted"></i> <i class="fa fa-tag fa-fw text-muted"></i>
{{ page.title }} {{ page.title }}
<span class="lead text-muted pl-2">{{ site.tags[page.tag] | size }}</span> <span class="lead text-muted pl-2">{{ site.tags[page.tag] | size }}</span>

7
assets/css/category-tag.scss
View file

@ -55,10 +55,17 @@
} }
@media all and (max-width: 576px) { @media all and (max-width: 576px) {
#page-category ul>li::before,
#page-tag ul>li::before {
margin: 0 .5rem;
}
#page-tag ul>li>a, #page-tag ul>li>a,
#page-category ul>li>a { #page-category ul>li>a {
white-space: nowrap; white-space: nowrap;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
} }
} }