ngx-admin/src/app/pages/tables/tree-grid/tree-grid.component.scss
2019-07-02 11:00:07 +03:00

55 lines
921 B
SCSS

@import '../../../@theme/styles/themes';
@include nb-install-component() {
button[nbTreeGridRowToggle] {
background: transparent;
border: none;
padding: 0;
}
.search-label {
display: block;
}
.search-input {
margin-bottom: 1rem;
}
.nb-column-name {
width: 100%;
}
::ng-deep .row-toggle-button {
color: nb-theme(text-basic-color);
}
.nb-tree-grid-header-cell,
.nb-tree-grid-header-cell button {
text-transform: capitalize;
}
@media screen and (min-width: 400px) {
.nb-column-name,
.nb-column-size {
width: 50%;
}
}
@media screen and (min-width: 500px) {
.nb-column-name,
.nb-column-size,
.nb-column-kind {
width: 33.333%;
}
}
@media screen and (min-width: 600px) {
.nb-column-name {
width: 31%;
}
.nb-column-size,
.nb-column-kind,
.nb-column-items {
width: 23%;
}
}
}