[FINNA-2629] Improve hierarchy tree's visual presentation (#3096)

NatLibFi · Dec 10, 2024 · b831c20 · b831c20
1 parent 6dd03df
commit b831c20
Showing 1 changed file with 25 additions and 4 deletions.
diff --git a/themes/finna2/scss/finna-other.scss b/themes/finna2/scss/finna-other.scss
@@ -459,11 +459,32 @@ label.list-group-item {border-radius:0;font-weight:normal;margin-top:0;padding-l
         justify-content: center;
     }
 }
-.hierarchy-tree__item-container .icon {
-    display: none;
+.hierarchy-tree__item-container {
+    padding: 2px;
+    .icon {
+        display: none;
+    }
 }
-.hierarchy-tree-container div.alert {
-    margin-top: 10px;
+.hierarchy-tree-container {
+    .hierarchy-tree {
+        .hierarchy-tree__children, li:not(.hierarchy-tree__collection)  {
+            padding-left: 0.7rem;
+        }
+        li:not(.hierarchy-tree__collection) {
+            border-left: 1px solid $gray-mid-light;
+        }
+        button {
+            font-size: 1.3rem;
+            color: $brand-primary;
+            &:hover {
+                background-color: $gray-lighter;
+                border-radius: 4px;
+            }
+        }
+    }
+    div.alert {
+        margin-top: 10px;
+    }
 }
 .hierarchy-tree .hierarchy-tree__search-match > .hierarchy-tree__item-container > a {
     color: $link-color;