Fix folder tree control overlap

This commit is contained in:
Mikei386
2026-06-22 06:40:37 +02:00
parent 41ac4ba43e
commit d4f47c5bda
7 changed files with 19 additions and 9 deletions
+3 -1
View File
@@ -89,10 +89,12 @@
.bu-tree-node + .bu-tree-node { border-top: 1px solid color-mix(in srgb, var(--bu-border) 45%, transparent); }
.bu-tree-row { align-items: center; border-radius: 6px; display: grid; gap: 14px; grid-template-columns: 34px 28px minmax(0, 1fr); margin-left: calc(var(--bu-tree-depth) * 24px); min-height: 48px; padding: 5px 8px; }
.bu-dir-tree-row { grid-template-columns: 34px minmax(0, 1fr) auto; }
.bu-tree-row > div:first-child { align-items: center; display: flex; justify-content: center; max-width: 34px; min-width: 34px; width: 34px; }
.bu-tree-row > input[type="checkbox"] { justify-self: center; margin: 0 !important; max-width: 22px; min-width: 22px; width: 22px; }
.bu-tree-row:hover { background: var(--bu-panel-alt); }
.bu-source-partial > .bu-tree-row { background: rgba(255, 140, 47, .09); background: color-mix(in srgb, var(--bu-accent) 9%, transparent); }
#urbm-app .bu-tree-toggle, #urbm-app .bu-tree-name { appearance: none; background: transparent !important; border: 0 !important; box-shadow: none !important; color: var(--bu-text) !important; margin: 0 !important; min-height: 0; padding: 0 !important; text-align: left; text-shadow: none !important; }
#urbm-app .bu-tree-toggle { align-items: center; background: var(--bu-panel-alt) !important; border: 1px solid var(--bu-border) !important; border-radius: 6px !important; cursor: pointer; display: flex; height: 30px; justify-content: center; width: 30px; }
#urbm-app .bu-tree-toggle { align-items: center; background: var(--bu-panel-alt) !important; border: 1px solid var(--bu-border) !important; border-radius: 6px !important; cursor: pointer; display: flex; flex: 0 0 30px; height: 30px !important; justify-content: center; justify-self: center; max-height: 30px !important; max-width: 30px !important; min-height: 30px !important; min-width: 30px !important; overflow: hidden; width: 30px !important; }
#urbm-app .bu-tree-toggle:hover { border-color: var(--bu-accent) !important; }
.bu-tree-toggle span { display: inline-block; font-size: 13px; line-height: 1; transition: transform .16s ease; }
.bu-tree-toggle.expanded span { transform: rotate(90deg); }