@dso-toolkit/core 35.0.0 → 36.2.0

package/dist/collection/components/tree-view/tree-view.css

@@ -1,31 +1,97 @@
 :host ul {
   list-style-type: none;
+  padding-inline-start: 32px;
+  position: relative;
+}
+:host li {
+  position: relative;
 }
 :host ul[role=tree] {
   padding-left: 0;
 }
-:host li[role=treeitem] > ul {
-  padding-left: 1.5em;
+:host ul[role=group]::before {
+  border-left: 1px solid #275937;
+  content: "";
+  height: 8px;
+  left: 44px;
+  position: absolute;
+  top: 0;
+  width: 0;
+}
+:host li:not(.has-child)::before {
+  border-top: 1px solid #275937;
+  content: "";
+  height: 0;
+  left: 12px;
+  position: absolute;
+  top: 20px;
+  width: 16px;
+}
+:host li:not(.has-child)::after {
+  border-left: 1px solid #275937;
+  content: "";
+  height: 100%;
+  left: 12px;
+  position: absolute;
+  top: 8px;
+  width: 0;
+}
+:host li:not(.has-child):last-child::after {
+  height: 20px;
+  top: 0;
+}
+:host li.has-child::before {
+  border-top: 1px solid #275937;
+  content: "";
+  height: 0;
+  left: 24px;
+  position: absolute;
+  top: 20px;
+  width: 4px;
+}
+:host li.has-child:not(:last-child)::after {
+  border-left: 1px solid #275937;
+  content: "";
+  height: calc(100% - 24px);
+  left: 12px;
+  position: absolute;
+  top: 32px;
+  width: 0;
+}
+:host li.has-child.is-expanded:last-child::after {
+  border-left: 1px solid #275937;
+  content: "";
+  height: calc(100% - 32px);
+  left: 12px;
+  position: absolute;
+  top: 32px;
+  width: 0;
 }
 :host .tree-branch-control {
-  cursor: pointer;
+  color: #39870c;
   display: inline-block;
-  margin: 8px 0;
+  font-size: 16px;
+  margin: 8px 8px 8px 0;
   vertical-align: top;
 }
+:host .tree-branch-control > div {
+  cursor: pointer;
+}
 :host .tree-content {
   cursor: pointer;
   display: inline-block;
   margin: 8px 0;
-  width: calc(100% - 24px);
+  max-width: calc(100% - 40px);
 }
-:host .tree-content.active {
-  font-weight: 700;
-}
-:host .tree-content.active:hover {
+:host .tree-content a {
+  color: #191919;
   text-decoration: underline;
 }
-:host .tree-content.active a {
+:host .tree-content a:hover, :host .tree-content a:focus {
+  color: #191919;
+  text-decoration: none;
+}
+:host .tree-content a:active {
   text-decoration: none;
 }
 :host .tree-content.selected {
@@ -36,18 +102,23 @@
 :host .tree-content.selected:hover, :host .tree-content.selected:focus {
   text-decoration: none;
 }
-:host .tree-content a, :host .tree-content a:visited {
-  color: #191919;
+:host .tree-content.active {
+  color: #8b4a6a;
+  font-style: italic;
+  font-weight: 700;
   text-decoration: underline;
 }
-:host .tree-content a:hover, :host .tree-content a:focus {
-  color: #191919;
+:host .tree-content.active:hover, :host .tree-content.active:focus {
   text-decoration: none;
 }
-:host .tree-content a:active {
+:host .tree-content.active a {
+  color: #8b4a6a;
+}
+:host .tree-content.active a:hover, :host .tree-content.active a:focus {
   text-decoration: none;
 }
 :host .tree-content dso-icon {
+  color: #39870c;
   font-size: 0.75em;
   margin-left: 0.5em;
   vertical-align: text-bottom;

package/dist/collection/components/viewer-grid/viewer-grid.css

@@ -330,7 +330,7 @@ h6,
   padding-right: 8px;
   position: relative;
   transition: flex-basis 0.2s ease-in, max-width 0.2s ease-in, min-width 0.2s ease-in;
-  z-index: 1;
+  z-index: 100;
 }
 .dso-map-panel .dso-filterblok-address {
   font-weight: bold;
@@ -479,7 +479,7 @@ h6,
   height: 100%;
   overflow-y: auto;
   position: absolute;
-  z-index: 2;
+  z-index: 101;
 }
 
 #filterpanel {