diff --git a/src/styles/plugins/_jstree.sass b/src/styles/plugins/_jstree.sass index df410fd9..b0e18e52 100644 --- a/src/styles/plugins/_jstree.sass +++ b/src/styles/plugins/_jstree.sass @@ -20,7 +20,7 @@ $tree-color-highlight-background-text: $primary &[data-node-type="texture"], &[data-node-type="hdri"] .jstree-anchor - padding-right: 20px + padding-right: 20px // Make room for the angle-right icon. &[is_free='true'] .jstree-anchor @@ -36,7 +36,7 @@ $tree-color-highlight-background-text: $primary font-weight: bold .jstree-anchor - padding: 0 6px + padding: 0 5px &:after top: 3px !important @@ -61,35 +61,22 @@ $tree-color-highlight-background-text: $primary &.jstree-open /* Text of children for an open tree (like a folder) */ .jstree-children > .jstree-node - padding-left: 16px !important + padding-left: 25px !important + + &:before + box-shadow: inset 5px 0 0 rgba($tree-color-text, .1) + content: ' ' + height: 100% + width: 2px + position: absolute + left: 8px .jstree-icon:empty - left: 20px !important - - // Tweaks for specific icons - &.pi-file-archive - left: 25px !important - &.pi-folder - left: 20px !important - font-size: .9em !important - &.pi-splay - left: 20px !important - font-size: .85em !important - - .jstree-anchor - // box-shadow: inset 1px 0 0 0 $color-background + left: 25px !important /* Closed Folder */ // &.jstree-closed - &.jstree-open .jstree-icon.jstree-ocl, - &.jstree-closed .jstree-icon.jstree-ocl - float: left - min-width: 30px - opacity: 0 - position: absolute - z-index: 1 - /* The text of the last level item */ .jstree-anchor +media-xs @@ -98,10 +85,7 @@ $tree-color-highlight-background-text: $primary border: none font-size: 13px height: inherit - line-height: 24px overflow: hidden - padding-left: 28px - padding-right: 10px text-overflow: ellipsis white-space: nowrap width: 100% @@ -150,9 +134,7 @@ $tree-color-highlight-background-text: $primary .jstree-clicked > .jstree-ocl color: $tree-color-highlight-background-text !important background-color: transparent !important - border-radius: 0 box-shadow: none - border-bottom: thin solid transparent .jstree-ocl:before +media-xs @@ -177,7 +159,7 @@ $tree-color-highlight-background-text: $primary &:empty line-height: 24px - left: 3px + left: 1px &.is_subscriber .jstree-node @@ -204,7 +186,7 @@ $tree-color-highlight-background-text: $primary .jstree-default .jstree-node.jstree-closed .jstree-icon.jstree-ocl + .jstree-anchor, .jstree-default .jstree-node.jstree-open .jstree-icon.jstree-ocl + .jstree-anchor - padding-left: 24px !important + padding-left: 25px !important /* hovered text */ .jstree-default .jstree-hovered,