From 5647ed3c957e47c884b3e7c52dfebc54aa979dfd Mon Sep 17 00:00:00 2001 From: jakub961241 <144362244+jakub961241@users.noreply.github.com> Date: Sun, 22 Mar 2026 02:22:51 +0100 Subject: [PATCH] fix: sidebar item height inconsistency and favorites tooltip overlap Two UI fixes: 1. Sidebar items have different heights (#12247) - .el-sub-menu had margin-top:7px on __title but no margin on wrapper - Now .el-sub-menu has margin:7px 0 matching .el-menu-item - __title margin reset to 0 to prevent double spacing 2. File favorites tooltip blocks adjacent items (#11922) - Tooltip placement changed from "top" to "right" - Prevents tooltip from overlapping other favorites when scrolling Fixes #12247, #11922 --- frontend/src/layout/components/Sidebar/index.scss | 3 ++- frontend/src/views/host/file-management/index.vue | 2 +- 2 files changed, 3 insertions(+), 2 deletions(-) diff --git a/frontend/src/layout/components/Sidebar/index.scss b/frontend/src/layout/components/Sidebar/index.scss index 408a766c18b2..bc365c9623dc 100644 --- a/frontend/src/layout/components/Sidebar/index.scss +++ b/frontend/src/layout/components/Sidebar/index.scss @@ -38,6 +38,7 @@ } } .el-sub-menu { + margin: 7px 0; &.is-active { .el-sub-menu__title { span { @@ -52,7 +53,7 @@ .el-sub-menu__title { background-color: var(--el-menu-item-bg-color); box-shadow: 0 0 4px rgba(0, 94, 235, 0.1); - margin-top: 7px; + margin: 0; height: 42px; line-height: 42px; border-radius: 4px; diff --git a/frontend/src/views/host/file-management/index.vue b/frontend/src/views/host/file-management/index.vue index 56cf400e5517..dc5fd196e60d 100644 --- a/frontend/src/views/host/file-management/index.vue +++ b/frontend/src/views/host/file-management/index.vue @@ -279,7 +279,7 @@ class="box-item" effect="dark" :content="row.path" - placement="top" + placement="right" >