salix/front/core/components/treeview/style.scss

82 lines
1.7 KiB
SCSS
Raw Normal View History

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 {
vn-treeview-child {
display: block
}
2018-11-12 10:31:58 +00:00
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
.actions {
2019-02-18 07:37:26 +00:00
min-width: 24px;
2019-06-06 13:01:47 +00:00
margin-right: 10px
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 {
pointer-events: none;
2019-02-18 07:37:26 +00:00
padding-left: 5px
2018-11-12 10:31:58 +00:00
}
}
li vn-icon {
cursor: pointer;
}
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;
2019-01-21 10:45:53 +00:00
}
2019-02-18 07:37:26 +00:00
2019-04-29 09:49:43 +00:00
& > vn-horizontal > vn-check .md-icon {
background-color: $color-notice
}
2019-02-18 07:37:26 +00:00
}
li.excluded {
& > vn-horizontal > .description {
color: $color-alert;
font-weight: bold;
2019-04-29 09:49:43 +00:00
}
& > vn-horizontal > vn-check .md-icon {
background-color: $color-alert;
border-color: transparent
2019-02-18 07:37:26 +00:00
}
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
}