scinote-web/app/assets/stylesheets/partials/_tree_view.scss

66 lines
946 B
SCSS
Raw Normal View History

@import 'constants';
2016-02-12 23:52:43 +08:00
@import "mixins";
.tree {
height: 100%;
padding-bottom: 30px;
}
.tree > ul {
margin-bottom: 0;
}
.tree ul {
padding-left: 0;
}
.tree li {
list-style-type: none;
margin: 0;
padding: 5px 5px 5px 15px;
position: relative;
&.active > span {
background-color: $color-white;
border: 1px solid $color-white;
border-radius: 4px;
font-weight: bold;
}
&.active:not span.tree-link:hover {
text-decoration: underline;
}
&.leaf {
2016-08-03 22:09:45 +08:00
padding-left: 10px;
2016-07-21 19:11:15 +08:00
.tree-link::before {
content: "\25B8";
}
2016-02-12 23:52:43 +08:00
}
& i.glyphicon {
font-size: 9pt;
&.expanded {
@include rotate(45deg);
}
}
/* Links are recolored */
a {
color: $color-emperor;
&:hover {
color: $color-theme-primary;
}
}
span {
display:inline-block;
padding:3px 8px;
}
}
.tree li.parent_li>span {
display: block;
}
.tree li:last-child::before {
height:30px;
}