scinote-web/app/assets/stylesheets/shared/jstree_override.scss

85 lines
1.5 KiB
SCSS
Raw Normal View History

2021-01-21 22:40:53 +08:00
// scss-lint:disable SelectorDepth
// scss-lint:disable NestingDepth
// scss-lint:disable IdSelector
2021-01-06 22:02:26 +08:00
@import "constants";
.folders-tree-container {
2021-01-18 19:56:26 +08:00
--row-height: 36px;
2021-01-06 22:02:26 +08:00
background-color: $color-concrete;
2021-01-13 16:05:36 +08:00
border-radius: 4px;
2021-01-06 22:02:26 +08:00
height: 250px;
overflow: auto;
padding: .5em;
2021-01-21 22:40:53 +08:00
.jstree-wholerow {
2021-01-06 22:45:26 +08:00
border-radius: 4px;
2021-01-18 19:56:26 +08:00
height: var(--row-height);
2021-01-21 22:40:53 +08:00
}
.jstree-wholerow-hovered {
background: $color-alto;
2021-01-06 22:02:26 +08:00
}
2021-01-06 22:45:26 +08:00
.jstree-wholerow-clicked {
background: $color-white;
2021-01-06 22:02:26 +08:00
}
2021-01-06 22:45:26 +08:00
.jstree-search {
color: unset;
font-style: unset;
font-weight: unset;
}
2021-01-06 22:02:26 +08:00
2021-01-14 06:30:30 +08:00
.jstree-leaf {
height: var(--row-height);
.jstree-clicked {
height: var(--row-height);
}
.jstree-hovered {
height: var(--row-height);
}
}
.jstree-closed {
line-height: var(--row-height);
}
.jstree-open {
line-height: var(--row-height);
}
2021-01-06 22:45:26 +08:00
.jstree-icon {
&.root-folder {
2023-06-19 21:45:22 +08:00
background-image: none !important;
2021-01-06 22:45:26 +08:00
color: $color-volcano;
}
2021-01-06 22:02:26 +08:00
2021-01-06 22:45:26 +08:00
&.icon-folder {
2023-06-19 21:45:22 +08:00
background-image: none !important;
2021-01-06 22:45:26 +08:00
color: $brand-primary-light;
}
}
.jstree-default-large .jstree-icon {
background-image: image-url("32px.png");
}
.jstree-default-large>.jstree-container-ul .jstree-loading>.jstree-ocl {
background: image-url("throbber.gif") center no-repeat;
}
2021-01-21 22:40:53 +08:00
li.jstree-node {
i.jstree-ocl,
a.jstree-anchor {
margin-top: 2px;
}
}
// Not in use but needs to be defined for proper compiling
.jstree-default-responsive .jstree-icon {
background-image: image-url("40px.png");
}
2021-01-06 22:02:26 +08:00
}