2019-10-13 12:38:24 +03:00
|
|
|
/* Remove default bullets */
|
2020-04-13 17:09:44 +03:00
|
|
|
ul, .tree {
|
2019-10-13 12:38:24 +03:00
|
|
|
list-style-type: none;
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Style the caret/arrow */
|
2020-04-13 17:09:44 +03:00
|
|
|
.tree-caret {
|
2019-10-13 12:38:24 +03:00
|
|
|
cursor: pointer;
|
|
|
|
user-select: none; /* Prevent text selection */
|
|
|
|
}
|
|
|
|
|
|
|
|
/* Create the caret/arrow with a unicode, and style it */
|
2020-04-13 17:09:44 +03:00
|
|
|
.tree-caret::before {
|
2019-10-13 12:38:24 +03:00
|
|
|
content: "\25B6";
|
|
|
|
color: black;
|
|
|
|
display: inline-block;
|
|
|
|
margin-right: 6px;
|
|
|
|
}
|
|
|
|
|
2020-04-13 17:09:44 +03:00
|
|
|
.tree-leaf{
|
|
|
|
user-select: none;
|
|
|
|
display: inline-block;
|
2020-03-23 22:19:52 +03:00
|
|
|
}
|
|
|
|
|
2020-04-13 17:09:44 +03:00
|
|
|
.tree-leaf::before {
|
|
|
|
content: "\25C6";
|
|
|
|
color: black;
|
2020-03-23 22:19:52 +03:00
|
|
|
display: inline-block;
|
|
|
|
margin-right: 6px;
|
|
|
|
}
|
|
|
|
|
2020-04-13 17:09:44 +03:00
|
|
|
|
|
|
|
/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
|
|
|
|
.tree-caret-down::before {
|
2020-03-23 22:19:52 +03:00
|
|
|
transform: rotate(90deg);
|
|
|
|
}
|
|
|
|
|
|
|
|
.tree-label-inactive {
|
|
|
|
color: gray;
|
2020-04-16 12:46:54 +03:00
|
|
|
}
|
|
|
|
|
|
|
|
.tree-label-selected{
|
|
|
|
background-color: lightblue;
|
2020-04-13 17:09:44 +03:00
|
|
|
}
|