From d0569100c68fc2dd9c7fae4d91915fd49da8d71f Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Mon, 15 Jun 2020 14:13:02 +0800 Subject: Search page template --- assets/scss/_fuji-style/_content.scss | 14 ++++++++++++++ 1 file changed, 14 insertions(+) (limited to 'assets/scss/_fuji-style/_content.scss') diff --git a/assets/scss/_fuji-style/_content.scss b/assets/scss/_fuji-style/_content.scss index 03add33..bc3e579 100644 --- a/assets/scss/_fuji-style/_content.scss +++ b/assets/scss/_fuji-style/_content.scss @@ -85,6 +85,20 @@ .page-info { padding: 0 0.1rem 1.5rem 0.1rem; + + // search page part + .search-form { + display: flex; + } + + .search-input { + flex: 1 1 auto; + + input { + width: 100%; + max-width: 100%; + } + } } // single page part -- cgit v1.2.3 From a3376d1ad133455b73ca893e222c1aec89ae6d44 Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Mon, 15 Jun 2020 23:50:54 +0800 Subject: Update searching based on Fuse.js --- assets/scss/_fuji-style/_content.scss | 4 ++++ 1 file changed, 4 insertions(+) (limited to 'assets/scss/_fuji-style/_content.scss') diff --git a/assets/scss/_fuji-style/_content.scss b/assets/scss/_fuji-style/_content.scss index bc3e579..df223e9 100644 --- a/assets/scss/_fuji-style/_content.scss +++ b/assets/scss/_fuji-style/_content.scss @@ -169,3 +169,7 @@ article { #disqus_thread { padding: 1.25rem 0; } + +#search-result .post:first-child { + padding: 1.5rem 0; +} -- cgit v1.2.3 From c42924047c6f654c4723746790e041f8907ed378 Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Tue, 16 Jun 2020 14:00:53 +0800 Subject: Searching now works --- assets/scss/_fuji-style/_content.scss | 42 +++++++++++++++++++++++------------ 1 file changed, 28 insertions(+), 14 deletions(-) (limited to 'assets/scss/_fuji-style/_content.scss') diff --git a/assets/scss/_fuji-style/_content.scss b/assets/scss/_fuji-style/_content.scss index df223e9..d1cba1d 100644 --- a/assets/scss/_fuji-style/_content.scss +++ b/assets/scss/_fuji-style/_content.scss @@ -85,20 +85,6 @@ .page-info { padding: 0 0.1rem 1.5rem 0.1rem; - - // search page part - .search-form { - display: flex; - } - - .search-input { - flex: 1 1 auto; - - input { - width: 100%; - max-width: 100%; - } - } } // single page part @@ -170,6 +156,34 @@ article { padding: 1.25rem 0; } +// search page part + #search-result .post:first-child { padding: 1.5rem 0; } + +.search-result-info { + padding: 1rem 0.1rem; +} + +.search-input { + display: flex; + height: 2.5rem; + align-items: center; + padding-left: 0.5rem; + width: 100%; + + input { + width: 100%; + min-width: 0; + flex: 1 1 auto; + height: 2rem; + } + + button { + flex: 0 1 auto; + padding: 0 0.75rem; + word-break: keep-all; + height: 2.5rem; + } +} -- cgit v1.2.3 From 03750a600a71df1276ccfcc7c817de5cb86e3e9f Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Tue, 16 Jun 2020 15:42:19 +0800 Subject: Fix meta text align in archives and search page --- assets/scss/_fuji-style/_content.scss | 5 +++++ 1 file changed, 5 insertions(+) (limited to 'assets/scss/_fuji-style/_content.scss') diff --git a/assets/scss/_fuji-style/_content.scss b/assets/scss/_fuji-style/_content.scss index d1cba1d..10003ef 100644 --- a/assets/scss/_fuji-style/_content.scss +++ b/assets/scss/_fuji-style/_content.scss @@ -56,6 +56,11 @@ margin: 0.5rem 0.1rem 0 0.1rem; // little space flex-wrap: wrap; + span { + display: flex; + align-items: center; + } + span:not(:last-child) { padding-right: 1.5rem; } -- cgit v1.2.3 From f88c7b78f224bf746b831001ec8cef01693a4b3c Mon Sep 17 00:00:00 2001 From: amzrk2 Date: Tue, 16 Jun 2020 16:09:04 +0800 Subject: Search page i18n --- assets/scss/_fuji-style/_content.scss | 7 ++++++- 1 file changed, 6 insertions(+), 1 deletion(-) (limited to 'assets/scss/_fuji-style/_content.scss') diff --git a/assets/scss/_fuji-style/_content.scss b/assets/scss/_fuji-style/_content.scss index 10003ef..2cfd184 100644 --- a/assets/scss/_fuji-style/_content.scss +++ b/assets/scss/_fuji-style/_content.scss @@ -187,8 +187,13 @@ article { button { flex: 0 1 auto; - padding: 0 0.75rem; + padding: 0 0.5rem; word-break: keep-all; height: 2.5rem; + + ion-icon { + height: 100%; + font-size: 1.6rem; + } } } -- cgit v1.2.3