fix: 文章頁有toc的界面出現滾動條

fix: 在layout標簽內的元素,如是position: fixed,其相對定位會更改 #482 #483
This commit is contained in:
Jerry
2021-02-01 16:01:33 +08:00
parent defb1c5f31
commit a50a63905d
5 changed files with 8 additions and 13 deletions

View File

@@ -6,7 +6,7 @@
![hexo version](https://img.shields.io/badge/hexo-5.0+-0e83c) ![hexo version](https://img.shields.io/badge/hexo-5.0+-0e83c)
![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531) ![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531)
Demo: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [JerryC](https://jerryc.me/) Demo: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [MYW](https://immyw.com/)
Docs: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/) Docs: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/)

View File

@@ -6,7 +6,7 @@
![hexo version](https://img.shields.io/badge/hexo-5.0+-0e83c) ![hexo version](https://img.shields.io/badge/hexo-5.0+-0e83c)
![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531) ![license](https://img.shields.io/github/license/jerryc127/hexo-theme-butterfly?color=FF5531)
預覽: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [JerryC](https://jerryc.me/) 預覽: 👍 [Butterfly](https://butterfly.js.org/) || 🤞 [MYW](https://immyw.com/)
文檔: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/) 文檔: 📖 [Butterfly Docs](https://butterfly.js.org/posts/21cfbf15/)

View File

@@ -1,6 +1,6 @@
{ {
"name": "hexo-theme-butterfly", "name": "hexo-theme-butterfly",
"version": "3.6.0", "version": "3.6.1-b1",
"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

@@ -53,7 +53,7 @@ minWidth2000()
if hexo-config('enter_transitions') if hexo-config('enter_transitions')
#content-inner, #content-inner,
#footer #footer
animation: main 1s animation: bottom-top 1s
#page-header #page-header
animation: header-effect 1s animation: header-effect 1s
@@ -121,15 +121,14 @@ if hexo-config('avatar.effect') == true
100% 100%
transform: translateY(0) transform: translateY(0)
@keyframes main @keyframes bottom-top
0% 0%
opacity: 0 opacity: 0
transform: translateY(50px) margin-top: 50px
100% 100%
filter: none
opacity: 1 opacity: 1
transform: translateY(0) margin-top: 0
@keyframes titlescale @keyframes titlescale
0% 0%

View File

@@ -8,7 +8,7 @@
flex-direction: column flex-direction: column
+maxWidth768() +maxWidth768()
padding: 1rem 5px !important padding: 1rem 5px
+minWidth2000() +minWidth2000()
max-width: 1500px max-width: 1500px
@@ -46,7 +46,3 @@
& > div & > div
width: 100% !important width: 100% !important
// fix chrome enter animation blur
.layout
filter: blur(0)