From deaddcec00747a3adeecda8a3562d692ff7d9e8f Mon Sep 17 00:00:00 2001
From: Lim Chee Aun <cheeaun@gmail.com>
Date: Wed, 20 Nov 2024 20:49:18 +0800
Subject: [PATCH] Fix dangling lonely dividers in menu with CSS

The if conditions are too maddening at this point
---
 src/app.css | 5 +++++
 1 file changed, 5 insertions(+)

diff --git a/src/app.css b/src/app.css
index e393b573..7046cacb 100644
--- a/src/app.css
+++ b/src/app.css
@@ -2077,6 +2077,11 @@ body > .szh-menu-container {
 .szh-menu__divider {
   background-color: var(--divider-color);
   margin-block: 4px;
+
+  > &:first-child,
+  li[role='none']:first-child + & {
+    display: none;
+  }
 }
 .szh-menu .szh-menu__item .menu-grow {
   flex-grow: 1;