Fix .menu-item-active::after style

* See: #850
next-theme · Nov 26, 2024 · 58004e8 · 58004e8
1 parent 5639be9
commit 58004e8
Showing 1 changed file with 17 additions and 14 deletions.
diff --git 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;
+  }
+}