2019-02-06 10:24:29 +00:00
|
|
|
@import "variables";
|
2019-01-21 10:45:53 +00:00
|
|
|
|
2018-11-12 10:31:58 +00:00
|
|
|
vn-treeview {
|
|
|
|
|
ul {
|
2019-02-18 07:37:26 +00:00
|
|
|
line-height: 24px;
|
2018-11-12 10:31:58 +00:00
|
|
|
padding: 0;
|
2019-02-18 07:37:26 +00:00
|
|
|
margin: 0;
|
|
|
|
|
|
2018-11-12 10:31:58 +00:00
|
|
|
|
|
|
|
|
li {
|
|
|
|
|
list-style: none;
|
2019-01-21 10:45:53 +00:00
|
|
|
cursor: pointer;
|
|
|
|
|
|
|
|
|
|
.actions {
|
2019-02-18 07:37:26 +00:00
|
|
|
min-width: 24px;
|
2019-01-21 10:45:53 +00:00
|
|
|
}
|
2018-11-12 10:31:58 +00:00
|
|
|
|
2019-01-21 10:45:53 +00:00
|
|
|
.description {
|
2019-02-18 07:37:26 +00:00
|
|
|
padding-left: 5px
|
2018-11-12 10:31:58 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-21 10:45:53 +00:00
|
|
|
li ul {
|
2019-03-12 14:04:09 +00:00
|
|
|
padding-left: 1.8em;
|
2019-01-21 10:45:53 +00:00
|
|
|
}
|
|
|
|
|
|
2019-02-18 07:37:26 +00:00
|
|
|
li > vn-horizontal {
|
|
|
|
|
padding: 5px
|
|
|
|
|
}
|
|
|
|
|
|
2019-01-21 10:45:53 +00:00
|
|
|
li > vn-horizontal:hover {
|
2019-02-08 16:49:51 +00:00
|
|
|
background-color: $color-hover-cd
|
2019-01-21 10:45:53 +00:00
|
|
|
}
|
|
|
|
|
|
2019-02-19 06:04:56 +00:00
|
|
|
li.expanded > vn-horizontal > .actions > vn-icon[icon="keyboard_arrow_down"] {
|
2019-02-18 07:37:26 +00:00
|
|
|
transition: all 0.2s;
|
|
|
|
|
transform: rotate(180deg);
|
|
|
|
|
}
|
|
|
|
|
|
2019-02-19 06:04:56 +00:00
|
|
|
li.collapsed > vn-horizontal > .actions > vn-icon[icon="keyboard_arrow_down"] {
|
2019-02-18 07:37:26 +00:00
|
|
|
transition: all 0.2s;
|
|
|
|
|
transform: rotate(0deg);
|
2019-01-21 10:45:53 +00:00
|
|
|
}
|
|
|
|
|
|
|
|
|
|
li.included {
|
2019-02-18 07:37:26 +00:00
|
|
|
& > vn-horizontal > .description {
|
|
|
|
|
color: $color-notice;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
|
|
& > vn-check .md-icon {
|
|
|
|
|
background-color: $color-notice
|
2019-01-21 10:45:53 +00:00
|
|
|
}
|
|
|
|
|
}
|
2019-02-18 07:37:26 +00:00
|
|
|
|
|
|
|
|
}
|
|
|
|
|
|
|
|
|
|
li.excluded {
|
|
|
|
|
& > vn-horizontal > .description {
|
|
|
|
|
color: $color-alert;
|
|
|
|
|
font-weight: bold;
|
|
|
|
|
|
|
|
|
|
}
|
2019-01-21 10:45:53 +00:00
|
|
|
}
|
2018-11-12 10:31:58 +00:00
|
|
|
}
|
2019-03-12 14:04:09 +00:00
|
|
|
|
|
|
|
|
vn-icon-button {
|
|
|
|
|
padding: 0
|
|
|
|
|
}
|
2018-11-12 10:31:58 +00:00
|
|
|
}
|
