1
0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 02:48:51 +00:00

refactor: resize ui (#6315)

* refactor: resize ui

* feat: optimize z-indez

* feat: optimize code

* feat: optimize code

---------

Co-authored-by: 杨国璇 <ygx@Hello-word.local>
This commit is contained in:
杨国璇
2024-07-09 17:31:49 +08:00
committed by GitHub
parent a319e65301
commit d8ade9acb6
3 changed files with 76 additions and 11 deletions

View File

@@ -22,9 +22,10 @@
min-height: 0;
}
.dir-colunm-view {
.dir-column-view {
display: flex;
width: 100%;
position: relative;
}
.dir-content-nav {
@@ -224,8 +225,47 @@
}
.dir-content-resize {
flex: 0 0 .5%;
cursor: ew-resize;
height: 100%;
width: 6px;
position: absolute;
top: 0;
z-index: 8;
opacity: 0;
transition-duration: .2s;
transition-property: opacity;
}
.dir-content-resize:hover {
opacity: 1;
cursor: col-resize;
}
.dir-content-resize .line {
background-color: #aaa;
height: 100%;
width: 2px;
display: none;
user-select: none;
}
.dir-content-resize:hover .line {
display: block;
}
.dir-content-resize .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;
}
.dir-content-resize:hover .drag-handler {
display: block;
}
.readonly-tip-message {