diff --git a/layout/includes/rightside.pug b/layout/includes/rightside.pug index 2b5658f..a52f6a1 100644 --- a/layout/includes/rightside.pug +++ b/layout/includes/rightside.pug @@ -21,7 +21,7 @@ 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")) i.fas.fa-cog.fa-spin - if showToc && theme.aside.mobile + if showToc button#mobile-toc-button.close(type="button" title=_p("rightside.toc")) i.fas.fa-list-ul else if theme.translate.enable || (theme.darkmode.enable && theme.darkmode.button) || theme.change_font_size diff --git a/package.json b/package.json index 1a8bda0..0a26ee2 100644 --- a/package.json +++ b/package.json @@ -1,6 +1,6 @@ { "name": "hexo-theme-butterfly", - "version": "3.4.0-b5", + "version": "3.4.0-b6", "description": "A Simple and Card UI Design theme for Hexo", "main": "package.json", "scripts": { diff --git a/source/css/_global/function.styl b/source/css/_global/function.styl index 5d282d2..e77ff53 100644 --- a/source/css/_global/function.styl +++ b/source/css/_global/function.styl @@ -37,8 +37,8 @@ maxWidth900() @media screen and (max-width: 900px) {block} -maxWidth901() - @media screen and (max-width: 900px) +minWidth901() + @media screen and (min-width: 901px) {block} minWidth900() diff --git a/source/css/_layout/aside.styl b/source/css/_layout/aside.styl index 369d002..469909d 100644 --- a/source/css/_layout/aside.styl +++ b/source/css/_layout/aside.styl @@ -10,10 +10,6 @@ +maxWidth900() width: 100% - if hexo-config('aside.mobile') == false - +maxWidth768() - display: none - > .card-widget:first-child margin-top: 0 @@ -32,6 +28,11 @@ &:hover 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 img width: 110px