(answer) branch test updated: fix: sidenav style optimization

[shuai]

This is an automated email from the ASF dual-hosted git repository.

shuai pushed a commit to branch test
in repository https://gitbox.apache.org/repos/asf/answer.git


The following commit(s) were added to refs/heads/test by this push:
     new 42fb0428 fix: sidenav style optimization
42fb0428 is described below

commit 42fb04283f20ac41d2a08754d3fe2139d5bd958e
Author: shuai <lishuail...@sifou.com>
AuthorDate: Thu Apr 24 09:56:34 2025 +0800

    fix: sidenav style optimization
---
 ui/src/common/color.scss                  |  3 ++-
 ui/src/components/AdminSideNav/index.scss | 17 -----------------
 ui/src/components/AdminSideNav/index.tsx  |  2 --
 ui/src/components/SideNav/index.scss      |  4 ++--
 4 files changed, 4 insertions(+), 22 deletions(-)

diff --git a/ui/src/common/color.scss b/ui/src/common/color.scss
index 9970ab78..1ded9c42 100644
--- a/ui/src/common/color.scss
+++ b/ui/src/common/color.scss
@@ -101,7 +101,8 @@
     background-color: RGBA(255, 255, 255, var(--bs-bg-opacity, 1)) !important;
   }
   /** side nav **/
-  #sideNav {
+  #sideNav,
+  #answerAccordion {
     .nav-link:hover,
     .nav-link.active {
       background-color: #2b3035 !important;
diff --git a/ui/src/components/AdminSideNav/index.scss 
b/ui/src/components/AdminSideNav/index.scss
deleted file mode 100644
index 980ffdc9..00000000
--- a/ui/src/components/AdminSideNav/index.scss
+++ /dev/null
@@ -1,17 +0,0 @@
-#sideNav {
-  max-width: 208px;
-  .nav-link {
-    color: var(--an-side-nav-link);
-  }
-  .nav-link:focus-visible {
-    box-shadow: none;
-  }
-  .nav-link:hover {
-    color: var(--an-side-nav-link-hover-color);
-    background-color: var(--bs-gray-100);
-  }
-  .nav-link.active {
-    color: var(--an-side-nav-link-hover-color);
-    background-color: var(--bs-gray-200);
-  }
-}
diff --git a/ui/src/components/AdminSideNav/index.tsx 
b/ui/src/components/AdminSideNav/index.tsx
index 801a1f16..770189b4 100644
--- a/ui/src/components/AdminSideNav/index.tsx
+++ b/ui/src/components/AdminSideNav/index.tsx
@@ -9,8 +9,6 @@ import { ADMIN_NAV_MENUS } from '@/common/constants';
 import { useQueryPlugins } from '@/services';
 import { interfaceStore } from '@/stores';
 
-import './index.scss';
-
 const AdminSideNav = () => {
   const { t } = useTranslation('translation', { keyPrefix: 'btns' });
   const interfaceLang = interfaceStore((_) => _.interface.language);
diff --git a/ui/src/components/SideNav/index.scss 
b/ui/src/components/SideNav/index.scss
index 0f386561..27894d77 100644
--- a/ui/src/components/SideNav/index.scss
+++ b/ui/src/components/SideNav/index.scss
@@ -19,9 +19,9 @@
 
 #pcSideNav {
   width: 240px;
-  top: 62px;
+  top: 64px;
   box-sizing: border-box;
-  height: calc(100vh - 62px);
+  height: calc(100vh - 64px);
   overflow-y: auto;
   flex: none;
 }