From 2b075b13a991f144db10e03f26ced1827603387e Mon Sep 17 00:00:00 2001 From: Eltrac Koalar Date: Sun, 25 Sep 2022 14:15:31 +0800 Subject: =?UTF-8?q?:eyeglasses:=20Add:=20=E4=B8=93=E6=B3=A8=E6=A8=A1?= =?UTF-8?q?=E5=BC=8F=E8=83=8C=E6=99=AF=E8=89=B2=E6=9B=B4=E6=8A=A4=E7=9C=BC?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- assets/matcha/matcha.js | 4 ++-- assets/matcha/matcha.post.css | 6 ++++-- assets/matcha/matcha.reset.css | 11 +++++++++-- 3 files changed, 15 insertions(+), 6 deletions(-) diff --git a/assets/matcha/matcha.js b/assets/matcha/matcha.js index b842298..94e17b4 100644 --- a/assets/matcha/matcha.js +++ b/assets/matcha/matcha.js @@ -205,8 +205,8 @@ var toggleFocusMode = function(){ $('#sidebar').fadeToggle(); $('#helpbar').fadeToggle(); $('.post-thumbnail-atpage').slideToggle(); - $(body).toggleClass('focus-mode') - if($(body).hasClass('focus-mode')){ + $('body').toggleClass('focus-mode') + if($('body').hasClass('focus-mode')){ scaleIn($('#focus-mode-close'), '0.7'); toast('已开启专注模式'); }else{ diff --git a/assets/matcha/matcha.post.css b/assets/matcha/matcha.post.css index e85d2c4..56a063c 100644 --- a/assets/matcha/matcha.post.css +++ b/assets/matcha/matcha.post.css @@ -286,12 +286,14 @@ /* 文章目录 */ .tocbar { position: fixed; - left: 100% + left: 100%; + display: none } @media (min-width: 1200px){ .tocbar { left: calc(50% + 415px); - top: 4em + top: 4em; + display: block } } diff --git a/assets/matcha/matcha.reset.css b/assets/matcha/matcha.reset.css index 1290787..9c78fde 100644 --- a/assets/matcha/matcha.reset.css +++ b/assets/matcha/matcha.reset.css @@ -131,12 +131,18 @@ pre::-webkit-scrollbar-corner { /* 专注模式 */ .focus-mode { - background-color: var(--white-or-black) + background-color: var(--white-or-black); } + +.focus-mode:not(.matcha-dark *) #body { + background: rgb(252, 250, 246) +} + .focus-mode .container { box-shadow: 0 0 0 #fff; - background-color: var(--white-or-black)!important + background-color: transparent!important } + .focus-mode-btn { color: var(--text-gray); top: 0; @@ -148,6 +154,7 @@ pre::-webkit-scrollbar-corner { display: none } } + #focus-mode-close { display: none; position: fixed; -- cgit v1.2.3