Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 00:10:14 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(tree grid): make row toggle visible in dark themes

Browse source
This commit is contained in:
Sergey Andrievskiy 2019-07-02 11:00:07 +03:00
parent f93a491594
commit fb92e112f9
1 changed files with 46 additions and 38 deletions
Download patch file Download diff file Expand all files Collapse all files

84
src/app/pages/tables/tree-grid/tree-grid.component.scss
View file

@ -1,47 +1,55 @@
button[nbTreeGridRowToggle] { @import '../../../@theme/styles/themes';
background: transparent;
border: none;
padding: 0;
}
.search-label { @include nb-install-component() {
display: block; button[nbTreeGridRowToggle] {
} background: transparent;
.search-input { border: none;
margin-bottom: 1rem; padding: 0;
}
.nb-column-name {
width: 100%;
}
.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) { .search-label {
.nb-column-name, display: block;
.nb-column-size, }
.nb-column-kind { .search-input {
width: 33.333%; margin-bottom: 1rem;
} }
}
@media screen and (min-width: 600px) {
.nb-column-name { .nb-column-name {
width: 31%; width: 100%;
} }
.nb-column-size,
.nb-column-kind, ::ng-deep .row-toggle-button {
.nb-column-items { color: nb-theme(text-basic-color);
width: 23%; }
.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%;
}
} }
} }