Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-18 16:30:13 +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

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

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