1
0
mirror of https://github.com/cotes2020/jekyll-theme-chirpy.git synced 2025-12-18 05:41:31 +00:00

A super huge improvement in search.

- Added a cleanup button within input form.
- Optimized TopBar responsive effect(for search layout).
- Redesign the search results layout.
This commit is contained in:
Cotes Chung
2019-12-31 23:17:27 +08:00
parent 83526cd67e
commit 3248343c22
21 changed files with 452 additions and 247 deletions

View File

@@ -14,7 +14,7 @@ layout: compress
<div id="sidebar" class="d-flex flex-column">
{% include sidebar.html %}
</div>
<div id="main-wrap" class="bg-white">
<div id="main-wrapper" class="bg-white">
{% include topbar.html %}
<div id="main">
@@ -40,7 +40,7 @@ layout: compress
{% include google-analytics.html %}
{% endif %}
{% include search.html %}
{% include search-loader.html %}
</body>

View File

@@ -24,7 +24,7 @@ layout: page
<i class="far fa-clock fa-fw"></i>
<span class="timeago" data-toggle="tooltip" title="{{ post.date | date: TOOLTIP_DATE }}">
{{ post.date | date: POST_DATE }}
<i class="hidden">{{ post.date | date_to_xmlschema }}</i>
<i class="unloaded">{{ post.date | date_to_xmlschema }}</i>
</span>
<!-- page views -->
{% if site.google_analytics.pv %}

View File

@@ -8,7 +8,7 @@ layout: default
<div class="row">
{% include date-format.html %}
<div id="post-wrap" class="col-12 col-lg-11 col-xl-8">
<div id="post-wrapper" class="col-12 col-lg-11 col-xl-8">
<div class="post pl-1 pr-1 pl-sm-2 pr-sm-2 pl-md-4 pr-md-4">
<h1 data-toc-skip>{{ page.title }}</h1>
<div class="post-meta text-muted d-flex flex-column">
@@ -16,7 +16,7 @@ layout: default
<div>
<span class="timeago" data-toggle="tooltip" title="{{ page.date | date: TOOLTIP_DATE }}">
{{ page.date | date: POST_DATE }}
<i class="hidden">{{ page.date | date_to_xmlschema }}</i>
<i class="unloaded">{{ page.date | date_to_xmlschema }}</i>
</span>
{% if page.categories.size > 0 %}on{% endif %}
{% for category in page.categories %}
@@ -31,7 +31,7 @@ layout: default
Updated
<span class="timeago lastmod" data-toggle="tooltip" title="{{ page.seo.date_modified | date: TOOLTIP_DATE }}">
{{ page.seo.date_modified | date: POST_DATE }}
<i class="hidden">{{ page.seo.date_modified | date_to_xmlschema}}</i>
<i class="unloaded">{{ page.seo.date_modified | date_to_xmlschema}}</i>
</span>
</div>
{% endif %}
@@ -72,14 +72,14 @@ layout: default
</div><!-- div.post-tail -->
</div> <!-- .post -->
</div> <!-- #post-wrap -->
</div> <!-- #post-wrapper -->
{% include panel.html %}
</div> <!-- .row -->
<div class="row">
<div id="post-extend-wrap" class="col-12 col-lg-11 col-xl-8">
<div id="post-extend-wrapper" class="col-12 col-lg-11 col-xl-8">
<div class="pl-1 pr-1 pl-sm-2 pr-sm-2 pl-md-4 pr-md-4">
{% include related-posts.html %}
@@ -110,7 +110,7 @@ layout: default
</div> <!-- .pl-1 pr-1 -->
</div> <!-- wrap -->
</div> <!-- #post-extend-wrapper -->
</div> <!-- .row -->