feat: 重構本地搜索

feat: Algolia 搜索,點擊文章內容也會跳轉到相應頁面
fix: 修復 fullpage loading 顯示滾動條的 bug close #1235
fix: 修復 safari 下,搜索內容被系統搜索框遮擋的 bug
improvement: 手機 safari 橫屏時,網頁全屏幕顯示
improvement: 當沒有開啟 beautify 時, hr 顯示默認的樣式
This commit is contained in:
Jerry
2023-03-28 20:40:43 +08:00
Unverified
parent 63dc605794
commit 8199e25215
21 changed files with 426 additions and 226 deletions

View File

@@ -26,12 +26,15 @@
color: $search-keyword-highlight
font-weight: bold
.algolia-hits-item-title
font-weight: 600
.algolia-hit-item-content
margin: 0 0 8px
word-break: break-word
.ais-Pagination
margin: 20px 0 0
margin: 15px 0 0
padding: 0
text-align: center
@@ -61,22 +64,16 @@
.ais-Pagination-item--disabled
visibility: hidden
.algolia-logo
padding-top: 2px
width: 80px
height: 30px
#algolia-hits
> div
overflow-y: scroll
margin: 0 -20px
padding: 0 22px
+minWidth768()
max-height: calc(80vh - 240px)
max-height: calc(80vh - 240px)
+maxWidth768()
height: calc(100vh - 260px)
max-height: none
height: calc(var(--search-height) - 265px)
#algolia-info
div
@@ -84,10 +81,7 @@
.algolia-poweredBy
float: right
vertical-align: text-top
.apple
#algolia-search
#algolia-hits
> div
+maxWidth768()
height: calc(90vh - 260px)
svg
height: 1.1em