mirror of
https://github.com/jerryc127/hexo-theme-butterfly.git
synced 2025-09-15 12:58:48 +08:00
8199e25215
feat: Algolia 搜索，點擊文章內容也會跳轉到相應頁面 fix: 修復 fullpage loading 顯示滾動條的 bug close #1235 fix: 修復 safari 下，搜索內容被系統搜索框遮擋的 bug improvement: 手機 safari 橫屏時，網頁全屏幕顯示 improvement: 當沒有開啟 beautify 時， hr 顯示默認的樣式
87 lines
1.7 KiB
Stylus
87 lines
1.7 KiB
Stylus
#algolia-search
|
|
.search-dialog
|
|
.ais-SearchBox
|
|
input
|
|
padding: 5px 14px
|
|
width: 100%
|
|
outline: none
|
|
border: 2px solid $search-color
|
|
border-radius: 40px
|
|
background: var(--search-bg)
|
|
color: var(--search-input-color)
|
|
|
|
.ais-Hits-list
|
|
margin: 0
|
|
padding: 0
|
|
@extend .list-beauty
|
|
|
|
a
|
|
color: var(--search-a-color)
|
|
|
|
&:hover
|
|
color: $search-color
|
|
|
|
mark
|
|
background: transparent
|
|
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: 15px 0 0
|
|
padding: 0
|
|
text-align: center
|
|
|
|
.ais-Pagination-list
|
|
margin: 0
|
|
padding: 0
|
|
list-style: none
|
|
|
|
.ais-Pagination-item
|
|
display: inline
|
|
margin: 0 4px
|
|
padding: 0
|
|
|
|
.ais-Pagination-link
|
|
display: inline-block
|
|
min-width: 24px
|
|
height: 24px
|
|
text-align: center
|
|
line-height: 24px
|
|
|
|
.ais-Pagination-item--selected
|
|
a
|
|
background: $theme-paginator-color
|
|
color: #eee
|
|
cursor: default
|
|
|
|
.ais-Pagination-item--disabled
|
|
visibility: hidden
|
|
|
|
#algolia-hits
|
|
> div
|
|
overflow-y: scroll
|
|
margin: 0 -20px
|
|
padding: 0 22px
|
|
max-height: calc(80vh - 240px)
|
|
|
|
+maxWidth768()
|
|
max-height: none
|
|
height: calc(var(--search-height) - 265px)
|
|
|
|
#algolia-info
|
|
div
|
|
display: inline
|
|
|
|
.algolia-poweredBy
|
|
float: right
|
|
vertical-align: text-top
|
|
|
|
svg
|
|
height: 1.1em |