From 2a312e02fe9675cdc71bc2667b21f609e5631676 Mon Sep 17 00:00:00 2001
From: llj <lingjun.li1@gmail.com>
Date: Tue, 9 Jul 2024 18:35:43 +0800
Subject: [PATCH] Folded side panel (#6321)

* [user panel - header] update

* [folded side panel] modified UI details
---
 frontend/src/constants/index.js | 2 +-
 frontend/src/css/layout.css     | 6 +++++-
 media/css/seahub_react.css      | 9 ++++-----
 3 files changed, 10 insertions(+), 7 deletions(-)

diff --git a/frontend/src/constants/index.js b/frontend/src/constants/index.js
index 2d0bef703b..6e5c55f83b 100644
--- a/frontend/src/constants/index.js
+++ b/frontend/src/constants/index.js
@@ -113,6 +113,6 @@ export const PRIVATE_FILE_TYPE = {
 const TAG_COLORS = ['#FBD44A', '#EAA775', '#F4667C', '#DC82D2', '#9860E5', '#9F8CF1', '#59CB74', '#ADDF84',
   '#89D2EA', '#4ECCCB', '#46A1FD', '#C2C2C2'];
 
-export const SIDE_PANEL_FOLDED_WIDTH = 69;
+export const SIDE_PANEL_FOLDED_WIDTH = 71;
 
 export { KeyCodes, zIndexes, TAG_COLORS };
diff --git a/frontend/src/css/layout.css b/frontend/src/css/layout.css
index 5b20df663b..6a24321a0a 100644
--- a/frontend/src/css/layout.css
+++ b/frontend/src/css/layout.css
@@ -33,8 +33,12 @@
   height: 49px;
 }
 
+.user-panel {
+  position: relative;
+}
+
 .positioned-top-logo {
-  position: fixed;
+  position: absolute;
   top: .5rem;
   left: 1rem;
   z-index: 101;
diff --git a/media/css/seahub_react.css b/media/css/seahub_react.css
index dd497c1b88..9e64c93a64 100644
--- a/media/css/seahub_react.css
+++ b/media/css/seahub_react.css
@@ -667,6 +667,10 @@ a, a:hover { color: #ec8000; }
   margin: 0!important;
 }
 
+.side-panel-folded .nav .nav-item {
+  margin-bottom: 4px;
+}
+
 .side-panel-folded .heading,
 .side-panel-folded .nav-item#share-admin-nav,
 .side-panel-folded .nav-item .nav-text,
@@ -728,11 +732,6 @@ a, a:hover { color: #ec8000; }
   margin: 0;
 }
 
-
-.side-panel-folded .nav .nav-item .nav-link {
-  height: 36px;
-}
-
 .side-nav-con .active .sharp,
 .side-nav-con .active .nav-text {
   font-weight: bold;