app/assets/stylesheets/provider/admin/cms/_sidebar.scss
#cms-sidebar {
@include white-box-shadow;
font-size: $caption-font-size;
float: left;
width: 20%;
.collapse-button {
margin-left: -3px;
}
ul.packed {
display: none;
}
li {
padding-left: line-height-times(1 / 4);
white-space: nowrap;
}
& + #tab-content {
@include border-bottom-left-radius(0);
background-color: $white;
padding: line-height-times(1);
&.sticked {
overflow-y: auto;
top: 24px !important;
}
}
}
.cms-sidebar-listing {
h3 {
margin: 0;
padding-top: 36px;
}
ul {
list-style: none;
}
li.no-results {
display: none;
}
&.empty {
li.no-results {
display: list-item;
}
}
.fa-folder-open:hover:before {
content: '\f07c';
}
.fa-folder:hover:before {
content: '\f07b';
}
.fa {
cursor: pointer;
margin-left: -line-height-times(1/2);
padding: line-height-times(1/2) 0 line-height-times(1/2) 0;
position: relative;
z-index: 100;
&:hover {
color: $link-color;
}
}
.fa-folder,
.fa-folder-open {
color: $brand-blue;
&:hover {
color: $brand-blue;
}
& + a {
//text-indent: line-height-times(1);
//vertical-align: top;
}
}
a {
@include ellipsis;
color: $font-color;
display: inline-block;
vertical-align: middle;
width: 100%;
&:hover,
&.current {
color: $link-color;
}
}
li {
border-top: $border-width solid $border-color;
ul {
margin-left: line-height-times(1/2);
}
&.empty {
margin-left: line-height-times(1/2);
}
&.dragged {
list-style: none;
z-index: 9999;
}
&.dirty a {
font-style: italic;
}
&.cms-section {
position: relative;
&:after {
background-image: image-url('/assets/tree-line.png');
background-position: 0;
background-repeat: repeat-y;
bottom: $border-width;
content: '';
position: absolute;
top: line-height-times(1);
width: line-height-times(1);
}
}
}
&:last-child {
padding-bottom: line-height-times(1);
}
}
#cms-sidebar-error-empty {
display: none;
margin: line-height-times(1/2);
}
.cms-sidebar-listing:not(#cms-sidebar-content) {
padding-left: line-height-times(1 / 4);
}
@import 'provider/admin/cms/sidebar/filter';