56 lines
913 B
CSS
56 lines
913 B
CSS
/*full height*/
|
|
html, body {
|
|
height: 100%;
|
|
width: 100%;
|
|
}
|
|
|
|
.container-fluid { height: inherit; }
|
|
|
|
/* Remove default bullets */
|
|
ul, .tree {
|
|
list-style-type: none;
|
|
}
|
|
|
|
/* Style the caret/arrow */
|
|
.tree-caret {
|
|
cursor: pointer;
|
|
user-select: none; /* Prevent text selection */
|
|
}
|
|
|
|
/* Create the caret/arrow with a unicode, and style it */
|
|
.tree-caret::before {
|
|
content: "\25B6";
|
|
color: black;
|
|
display: inline-block;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
.tree-leaf{
|
|
user-select: none;
|
|
display: inline-block;
|
|
}
|
|
|
|
.tree-leaf::before {
|
|
content: "\25C6";
|
|
color: black;
|
|
display: inline-block;
|
|
margin-right: 6px;
|
|
}
|
|
|
|
|
|
/* Rotate the caret/arrow icon when clicked on (using JavaScript) */
|
|
.tree-caret-down::before {
|
|
transform: rotate(90deg);
|
|
}
|
|
|
|
.tree-label-inactive {
|
|
color: lightgrey;
|
|
}
|
|
|
|
.tree-label-selected{
|
|
background-color: lightblue;
|
|
}
|
|
|
|
.no-padding{
|
|
padding: 0;
|
|
} |