From 402c34e9bbf14aef95905eb304b2be67cf0e2f9a Mon Sep 17 00:00:00 2001 From: Mimi <1119186082@qq.com> Date: Wed, 19 Aug 2020 13:26:38 +0800 Subject: [PATCH] Optimize box-shadow of .site-brand-container --- .github/labeler.yml | 1 + _config.yml | 1 + source/css/_common/outline/header/site-nav.styl | 2 +- source/css/_schemes/Pisces/_header.styl | 6 ++++-- source/js/next-boot.js | 4 ++-- 5 files changed, 9 insertions(+), 5 deletions(-) diff --git a/.github/labeler.yml b/.github/labeler.yml index 80d65fb..2694e72 100644 --- a/.github/labeler.yml +++ b/.github/labeler.yml @@ -5,3 +5,4 @@ Configurations: _config.yml CSS: source/css/**/* 📖 Docs: docs/**/* Layout: layout/**/* +🌍 i18n: languages/**/* diff --git a/_config.yml b/_config.yml index c40e1ec..9ce3bb9 100644 --- a/_config.yml +++ b/_config.yml @@ -853,6 +853,7 @@ canvas_ribbon: vendors: # The CDN provider of NexT internal scripts. # Available values: local | jsdelivr | unpkg + # Warning: If you are using the latest master branch of NexT, please set `internal: local` internal: local # The default CDN provider of third-party plugins. # Available values: local | jsdelivr | unpkg | cdnjs diff --git a/source/css/_common/outline/header/site-nav.styl b/source/css/_common/outline/header/site-nav.styl index 3a8e50b..d5e7cfc 100644 --- a/source/css/_common/outline/header/site-nav.styl +++ b/source/css/_common/outline/header/site-nav.styl @@ -22,7 +22,7 @@ display: none; } - &.site-nav-on { + .site-nav-on & { display: block; } } diff --git a/source/css/_schemes/Pisces/_header.styl b/source/css/_schemes/Pisces/_header.styl index 04f5090..0616274 100644 --- a/source/css/_schemes/Pisces/_header.styl +++ b/source/css/_schemes/Pisces/_header.styl @@ -1,8 +1,10 @@ .site-brand-container { background: $black-deep; - +tablet-mobile() { - box-shadow: 0 0 16px rgba(0, 0, 0, .5); + .site-nav-on & { + +tablet-mobile() { + box-shadow: 0 0 16px rgba(0, 0, 0, .5); + } } } diff --git a/source/js/next-boot.js b/source/js/next-boot.js index 64378da..62b159b 100644 --- a/source/js/next-boot.js +++ b/source/js/next-boot.js @@ -12,10 +12,10 @@ NexT.boot.registerEvents = function() { event.currentTarget.classList.toggle('toggle-close'); const siteNav = document.querySelector('.site-nav'); if (!siteNav) return; - const animateAction = siteNav.classList.contains('site-nav-on'); + const animateAction = document.body.classList.contains('site-nav-on'); const height = NexT.utils.getComputedStyle(siteNav); siteNav.style.height = animateAction ? height : 0; - const toggle = () => siteNav.classList.toggle('site-nav-on'); + const toggle = () => document.body.classList.toggle('site-nav-on'); const begin = () => { siteNav.style.overflow = 'hidden'; };