GithubBackup/MyGoNavi
1
0
Fork 0
mirror of https://github.com/Syngnat/GoNavi.git synced 2026-07-02 13:01:45 +08:00
Code Issues Packages Projects Releases Wiki Activity

🐛 fix(sidebar): 修复 v2 侧栏横向滚动条位置

Browse Source
This commit is contained in:
Syngnat
2026-06-02 18:06:31 +08:00
parent c315ea9c96
commit 3eb9fd0acb
3 changed files with 41 additions and 6 deletions
Download Patch File Download Diff File Expand all files Collapse all files

22
frontend/src/v2-theme.css
View File

@@ -2222,6 +2222,7 @@ body[data-ui-version="v2"] .gn-v2-explorer-toolbar {
}
body[data-ui-version="v2"] .gn-v2-explorer-tree-shell {
--gn-v2-tree-horizontal-scroll-reserve: 32px;
margin: 0;
border: 0;
border-radius: 0;
@@ -2230,23 +2231,39 @@ body[data-ui-version="v2"] .gn-v2-explorer-tree-shell {
}
body[data-ui-version="v2"] .gn-v2-explorer-tree-shell .sidebar-tree-scroll-content {
padding: 4px 0 12px;
display: flex;
flex-direction: column;
min-height: 0;
height: 100%;
box-sizing: border-box;
padding: 4px 0 0;
}
body[data-ui-version="v2"] .gn-v2-explorer-tree-shell .ant-tree {
flex: 1 1 auto;
width: 100%;
min-width: 0;
min-height: 0;
height: 100%;
font-size: var(--gn-sidebar-tree-font-size, var(--gn-font-size-sm, 12px));
line-height: 1.2;
}
body[data-ui-version="v2"] .gn-v2-explorer-tree-shell .ant-tree-list {
height: calc(100% - var(--gn-v2-tree-horizontal-scroll-reserve));
min-height: 0;
box-sizing: border-box;
}
body[data-ui-version="v2"] .gn-v2-explorer-tree-shell .ant-tree-list-holder {
scrollbar-width: thin;
}
body[data-ui-version="v2"] .gn-v2-explorer-tree-shell .ant-tree-list-scrollbar-horizontal {
height: 12px !important;
bottom: 1px !important;
left: 8px !important;
right: 8px !important;
bottom: calc((var(--gn-v2-tree-horizontal-scroll-reserve) - 12px) * -1) !important;
}
body[data-ui-version="v2"] .gn-v2-explorer-tree-shell .ant-tree-list-scrollbar-horizontal .ant-tree-list-scrollbar-thumb {
@@ -2263,6 +2280,7 @@ body[data-ui-version="v2"] .gn-v2-explorer-tree-shell .ant-tree-list-scrollbar-h
body[data-ui-version="v2"] .gn-v2-explorer-tree-shell .ant-tree-list-holder-inner {
width: 100%;
min-width: 100%;
box-sizing: border-box;
}
body[data-ui-version="v2"] .gn-v2-explorer-tree-shell .ant-tree-treenode {