haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-18 16:36:15 +00:00
Code Issues Releases Wiki Activity

12.0 support drag side nav (#6340)

Browse Source 
* 01 optimize resize bar

* 02 app side panel support resize

* 03 side panel is folded do not support resize

* 04 optimise code

* 05 use localStorage
This commit is contained in:
Michael An
2024-07-12 15:52:10 +08:00
committed by GitHub
parent 7818cdb2ab
commit d137f85420
7 changed files with 182 additions and 120 deletions
Download Patch File Download Diff File Expand all files Collapse all files

43
frontend/src/components/resize-bar/index.css Normal file
View File

@@ -0,0 +1,43 @@
.resize-bar {
height: 100%;
width: 6px;
position: absolute;
top: 0;
z-index: 8;
opacity: 0;
transition-duration: .2s;
transition-property: opacity;
}
.resize-bar:hover {
opacity: 1;
cursor: col-resize;
}
.resize-bar .resize-bar-line {
background-color: #aaa;
height: 100%;
width: 2px;
display: none;
user-select: none;
}
.resize-bar:hover .resize-bar-line {
display: block;
}
.resize-bar .resize-bar-drag-handler {
background: #2d7ff9;
border-radius: 10px;
margin-left: 1px;
position: absolute;
transform: translate(-50%);
width: 6px;
display: none;
z-index: 1;
user-select: none;
}
.resize-bar:hover .resize-bar-drag-handler {
display: block;
}