From 541d45116820ff7c866e5f57af46fdcf0ddc4307 Mon Sep 17 00:00:00 2001 From: zadam Date: Tue, 24 May 2022 21:33:07 +0200 Subject: [PATCH] tree css changes to make selection and active note more distinct --- src/public/stylesheets/tree.css | 26 ++++++++++---------------- 1 file changed, 10 insertions(+), 16 deletions(-) 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 {