From 58004e8180584fd7507d5f7817f9c2b063b10fe3 Mon Sep 17 00:00:00 2001 From: Mimi <1119186082@qq.com> Date: Tue, 26 Nov 2024 20:48:54 +0800 Subject: [PATCH] Fix .menu-item-active::after style * See: https://github.com/next-theme/hexo-theme-next/issues/850 --- source/css/_schemes/Pisces/_menu.styl | 31 +++++++++++++++------------ 1 file changed, 17 insertions(+), 14 deletions(-) diff --git a/source/css/_schemes/Pisces/_menu.styl b/source/css/_schemes/Pisces/_menu.styl index 4994003..6da1050 100644 --- a/source/css/_schemes/Pisces/_menu.styl +++ b/source/css/_schemes/Pisces/_menu.styl @@ -10,23 +10,10 @@ a { padding: 5px 20px; + // For .menu-item-active::after position: relative; transition-property: background-color; menu-item-row(); - - if (not hexo-config('menu_settings.badges')) { - &.menu-item-active::after { - background: $grey; - border-radius: 50%; - content: ' '; - height: 6px; - margin-top: -3px; - position: absolute; - right: 15px; - top: 50%; - width: 6px; - } - } } +tablet-mobile() { @@ -35,3 +22,19 @@ } } } + +if (not hexo-config('menu_settings.badges')) { + // Only apply to the main menu + // Fix issue #850 + .main-menu .menu-item-active::after { + background: $grey; + border-radius: 50%; + content: ' '; + height: 6px; + margin-top: -3px; + position: absolute; + right: 15px; + top: 50%; + width: 6px; + } +}