haiwen/seahub
1
0
Fork 0
mirror of https://github.com/haiwen/seahub.git synced 2025-09-20 02:48:51 +00:00
Code Issues Releases Wiki Activity

refactor: tree ui (#6228)

Browse Source 
* refactor: tree ui

* feat: update code

---------

Co-authored-by: 杨国璇 <ygx@Hello-word.local>
This commit is contained in:
杨国璇
2024-06-19 13:45:11 +08:00
committed by GitHub
parent e252f50101
commit dfe4278679
6 changed files with 24 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
frontend/src/components/dir-view-mode/dir-views/index.css
View File

@@ -0,0 +1,7 @@
.dir-content-nav .tree-section:first-child {
margin-top: 12px;
}
.dir-content-nav .tree-section:last-child {
margin-bottom: 28px;
}

2
frontend/src/components/dir-view-mode/dir-views/index.js
View File

@@ -8,6 +8,8 @@ import metadataManagerAPI from '../../metadata-manage/api';
import toaster from '../../toast'; import toaster from '../../toast';
import MetadataViews from '../../metadata-manage/metadata-views'; import MetadataViews from '../../metadata-manage/metadata-views';
import './index.css';
const DirViews = ({ userPerm, repoID }) => { const DirViews = ({ userPerm, repoID }) => {
const enableMetadataManagement = useMemo(() => { const enableMetadataManagement = useMemo(() => {
return window.app.pageOptions.enableMetadataManagement; return window.app.pageOptions.enableMetadataManagement;

7
frontend/src/components/metadata-manage/metadata-views/index.css
View File

@@ -1,5 +1,10 @@
.metadata-tree-view .tree-node-inner {
height: 28px;
padding: 2px 0;
}
.metadata-tree-view .tree-node-inner .left-icon { .metadata-tree-view .tree-node-inner .left-icon {
top: 8px; top: 6px;
padding-left: 8px; padding-left: 8px;
} }

2
frontend/src/components/tree-section/index.css
View File

@@ -12,7 +12,7 @@
align-items: center; align-items: center;
justify-content: space-between; justify-content: space-between;
padding: 0 8px; padding: 0 8px;
height: 32px; height: 28px;
width: 100%; width: 100%;
border-radius: 3px; border-radius: 3px;
} }

8
frontend/src/css/lib-content-view.css
View File

@@ -71,8 +71,8 @@
.tree-node-inner { .tree-node-inner {
position: relative; position: relative;
height: 32px; height: 28px;
padding: 4px 0; padding: 2px;
cursor: pointer; cursor: pointer;
line-height: 1.625; line-height: 1.625;
} }
@@ -96,7 +96,7 @@
position: absolute; position: absolute;
display:flex; display:flex;
align-items:center; align-items:center;
top: 4px; top: 2px;
left: 0; left: 0;
padding-left: 1.5rem; padding-left: 1.5rem;
} }
@@ -125,7 +125,7 @@
.tree-node-inner .right-icon { .tree-node-inner .right-icon {
position: absolute; position: absolute;
top: 4px; top: 2px;
right: 0.5rem; right: 0.5rem;
bottom: 0; bottom: 0;
width: 1rem; width: 1rem;

8
frontend/src/css/side-panel.css
View File

@@ -98,8 +98,8 @@
.tree-node-inner { .tree-node-inner {
position: relative; position: relative;
height: 32px; height: 28px;
padding: 4px 0; padding: 2px 0;
cursor: pointer; cursor: pointer;
line-height: 1.625; line-height: 1.625;
} }
@@ -124,7 +124,7 @@
display:flex; display:flex;
justify-content:center; justify-content:center;
align-items:center; align-items:center;
top: 4px; top: 2px;
left: 0; left: 0;
padding-left: 1.5rem; padding-left: 1.5rem;
} }
@@ -149,7 +149,7 @@
.tree-node-inner .right-icon { .tree-node-inner .right-icon {
position: absolute; position: absolute;
top: 4px; top: 2px;
right: 1rem; right: 1rem;
bottom: 0; bottom: 0;
width: 1.5rem; width: 1.5rem;