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

Otpimized pin icon layout.

Browse source
This commit is contained in:
Cotes Chung 2020-06-07 16:21:10 +08:00
parent bec344f6e9
commit fbbd387402
2 changed files with 2 additions and 10 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

8
_layouts/home.html
View file

@ -9,15 +9,12 @@ layout: page
{% assign pinned = site.posts | where_exp: "item", "item.pin == true" %} {% assign pinned = site.posts | where_exp: "item", "item.pin == true" %}
{% assign default = site.posts | where_exp: "item", "item.pin == nil " %} {% assign default = site.posts | where_exp: "item", "item.pin == nil " %}
{% assign posts = "" | split: "" %} {% assign posts = "" | split: "" %}
<!-- Get pinned posts --> <!-- Get pinned posts -->
{% assign offset = paginator.page | minus: 1 | times: paginator.per_page %} {% assign offset = paginator.page | minus: 1 | times: paginator.per_page %}
{% assign pinned_num = pinned.size | minus: offset %} {% assign pinned_num = pinned.size | minus: offset %}
{% if pinned_num > 0 %} {% if pinned_num > 0 %}
@ -38,7 +35,6 @@ layout: page
{% endif %} {% endif %}
{% assign default_num = paginator.posts | size | minus: pinned_num %} {% assign default_num = paginator.posts | size | minus: pinned_num %}
{% assign default_end = default_beg | plus: default_num | minus: 1 %} {% assign default_end = default_beg | plus: default_num | minus: 1 %}
{% if default_num > 0 %} {% if default_num > 0 %}
@ -53,10 +49,10 @@ layout: page
{% for post in posts %} {% for post in posts %}
<div class="post-preview"> <div class="post-preview">
<div class="d-flex justify-content-between align-items-center pr-xl-2"> <div class="d-flex justify-content-between pr-xl-2">
<h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1> <h1><a href="{{ post.url | relative_url }}">{{ post.title }}</a></h1>
{% if post.pin %} {% if post.pin %}
<i class="fas fa-thumbtack fa-fw fa-sm text-muted pinned" data-toggle="tooltip" data-placement="top" <i class="fas fa-thumbtack fa-fw text-muted fa-sm mt-1 mt-xl-2" data-toggle="tooltip" data-placement="left"
title="Pinned"></i> title="Pinned"></i>
{% endif %} {% endif %}
</div> </div>

4
assets/css/home.scss
View file

@ -47,10 +47,6 @@
} }
} }
.pinned {
transform: rotate(45deg);
}
} // .post-preview } // .post-preview
} // #post-list } // #post-list