From 5248dbbeb613cfb8da5737ce466805e4b04d39ae Mon Sep 17 00:00:00 2001
From: StarHeartHunt <starheart233@gmail.com>
Date: Sun, 22 Sep 2024 14:16:28 +0800
Subject: [PATCH] :lipstick: use absolute position to make margin for navbar
 dropdown

---
 .../src/theme/Navbar/PrimaryNavbar/styles.css               | 2 +-
 .../src/theme/NavbarItem/DocsMenuDropdownNavbarItem.tsx     | 6 +++++-
 .../src/theme/NavbarItem/DropdownNavbarItem.tsx             | 2 +-
 packages/theme-nonepress/src/theme/NavbarItem/styles.css    | 5 +----
 4 files changed, 8 insertions(+), 7 deletions(-)

diff --git a/packages/theme-nonepress/src/theme/Navbar/PrimaryNavbar/styles.css b/packages/theme-nonepress/src/theme/Navbar/PrimaryNavbar/styles.css
index ed31c6c..ed4cce6 100644
--- a/packages/theme-nonepress/src/theme/Navbar/PrimaryNavbar/styles.css
+++ b/packages/theme-nonepress/src/theme/Navbar/PrimaryNavbar/styles.css
@@ -26,7 +26,7 @@
 
   /* navbar item */
   &-item {
-    @apply flex items-center text-base-content font-medium opacity-75 !bg-transparent;
+    @apply flex items-center text-base-content font-medium opacity-75;
 
     &:hover {
       @apply opacity-100;
diff --git a/packages/theme-nonepress/src/theme/NavbarItem/DocsMenuDropdownNavbarItem.tsx b/packages/theme-nonepress/src/theme/NavbarItem/DocsMenuDropdownNavbarItem.tsx
index 1a1de72..756f581 100644
--- a/packages/theme-nonepress/src/theme/NavbarItem/DocsMenuDropdownNavbarItem.tsx
+++ b/packages/theme-nonepress/src/theme/NavbarItem/DocsMenuDropdownNavbarItem.tsx
@@ -138,7 +138,11 @@ function DocsMenuDropdownNavbarItemDesktop({
         aria-haspopup="true"
         role="button"
         to={link}
-        className={clsx("menu-link", isActive && "menu-link-active", className)}
+        className={clsx(
+          "menu-link menu-item",
+          isActive && "menu-link-active",
+          className,
+        )}
         activeClassName={clsx("menu-link-active", activeClassName)}
         {...props}
       >
diff --git a/packages/theme-nonepress/src/theme/NavbarItem/DropdownNavbarItem.tsx b/packages/theme-nonepress/src/theme/NavbarItem/DropdownNavbarItem.tsx
index 38d388c..b8c9250 100644
--- a/packages/theme-nonepress/src/theme/NavbarItem/DropdownNavbarItem.tsx
+++ b/packages/theme-nonepress/src/theme/NavbarItem/DropdownNavbarItem.tsx
@@ -56,7 +56,7 @@ function DropdownNavbarItemDesktop({
         role="button"
         isNavLink
         href={props.to ? undefined : "#"}
-        className={clsx("menu-link", className)}
+        className={clsx("menu-link menu-item", className)}
         activeClassName={clsx("menu-link-active", activeClassName)}
         {...props}
         onClick={props.to ? undefined : (e) => e.preventDefault()}
diff --git a/packages/theme-nonepress/src/theme/NavbarItem/styles.css b/packages/theme-nonepress/src/theme/NavbarItem/styles.css
index 801d68d..8dded6d 100644
--- a/packages/theme-nonepress/src/theme/NavbarItem/styles.css
+++ b/packages/theme-nonepress/src/theme/NavbarItem/styles.css
@@ -8,6 +8,7 @@
     &-content {
       @apply rounded-md bg-base-100 shadow-lg border border-base-200;
       @apply w-max z-10 m-0 left-1/2 -translate-x-1/2;
+      @apply absolute !top-[calc(100%+0.25rem)];
     }
   }
 
@@ -15,10 +16,6 @@
   &-docs-menu {
     &-content {
       @apply block w-[28rem] xl:w-[36rem] 2xl:w-[48rem] pl-0 overflow-hidden whitespace-normal;
-
-      &::before {
-        @apply content-none;
-      }
     }
 
     &-docs {