diff --git a/src/public/stylesheets/tree.css b/src/public/stylesheets/tree.css index 50cb18b30..fd8d359b8 100644 --- a/src/public/stylesheets/tree.css +++ b/src/public/stylesheets/tree.css @@ -157,33 +157,27 @@ span.fancytree-node.fancytree-active-clone:not(.fancytree-active) .fancytree-tit padding-left: 20px; } +span.fancytree-active { + color: var(--active-item-text-color) !important; + background-color: var(--active-item-background-color) !important; + border-color: transparent; /* invisible border */ + border-radius: 5px; +} + span.fancytree-active .fancytree-title { font-weight: bold; border: 0; } -span.fancytree-active { +span.fancytree-selected { + color: var(--hover-item-text-color) !important; border-color: var(--main-border-color) !important; border-radius: 5px; } -span.fancytree-active, span.fancytree-active.fancytree-selected { - color: var(--active-item-text-color) !important; - background-color: var(--active-item-background-color) !important; - border-color: var(--main-background-color) !important; /* invisible border */ - border-radius: 5px; -} - -span.fancytree-selected { - color: var(--hover-item-text-color) !important; - background-color: var(--hover-item-background-color) !important; - border-color: var(--main-background-color) !important; /* invisible border */ - border-radius: 5px; - font-style: italic; -} - span.fancytree-selected .fancytree-title { text-decoration: underline; + font-style: italic; } span.fancytree-node:hover {