feat: 當設置aside mobile為false時,toc仍然能顯示

fix: 修復resize 時,toc 的位置問題
fix: 修復當aside mobile設為false時,文章頁 js報錯的bugs close #444
This commit is contained in:
Jerry
2020-12-11 15:45:32 +08:00
parent ecca2621c2
commit 6fda7ef004
4 changed files with 9 additions and 8 deletions

View File

@@ -21,7 +21,7 @@
if (theme.readmode || theme.translate.enable || (theme.darkmode.enable && theme.darkmode.button) || theme.change_font_size) if (theme.readmode || theme.translate.enable || (theme.darkmode.enable && theme.darkmode.button) || theme.change_font_size)
button#rightside_config(type="button" title=_p("rightside.setting")) button#rightside_config(type="button" title=_p("rightside.setting"))
i.fas.fa-cog.fa-spin i.fas.fa-cog.fa-spin
if showToc && theme.aside.mobile if showToc
button#mobile-toc-button.close(type="button" title=_p("rightside.toc")) button#mobile-toc-button.close(type="button" title=_p("rightside.toc"))
i.fas.fa-list-ul i.fas.fa-list-ul
else if theme.translate.enable || (theme.darkmode.enable && theme.darkmode.button) || theme.change_font_size else if theme.translate.enable || (theme.darkmode.enable && theme.darkmode.button) || theme.change_font_size

View File

@@ -1,6 +1,6 @@
{ {
"name": "hexo-theme-butterfly", "name": "hexo-theme-butterfly",
"version": "3.4.0-b5", "version": "3.4.0-b6",
"description": "A Simple and Card UI Design theme for Hexo", "description": "A Simple and Card UI Design theme for Hexo",
"main": "package.json", "main": "package.json",
"scripts": { "scripts": {

View File

@@ -37,8 +37,8 @@ maxWidth900()
@media screen and (max-width: 900px) @media screen and (max-width: 900px)
{block} {block}
maxWidth901() minWidth901()
@media screen and (max-width: 900px) @media screen and (min-width: 901px)
{block} {block}
minWidth900() minWidth900()

View File

@@ -10,10 +10,6 @@
+maxWidth900() +maxWidth900()
width: 100% width: 100%
if hexo-config('aside.mobile') == false
+maxWidth768()
display: none
> .card-widget:first-child > .card-widget:first-child
margin-top: 0 margin-top: 0
@@ -32,6 +28,11 @@
&:hover &:hover
box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15) box-shadow: 0 4px 12px 12px rgba(7, 17, 27, .15)
if hexo-config('aside.mobile') == false
+maxWidth768()
&:not(#card-toc)
display: none
.card-info .card-info
img img
width: 110px width: 110px