Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2025-12-16 23:40: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] {
background: transparent;
border: none;
padding: 0;
}
@import '../../../@theme/styles/themes';
.search-label {
display: block;
}
.search-input {
margin-bottom: 1rem;
}
.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%;
@include nb-install-component() {
button[nbTreeGridRowToggle] {
background: transparent;
border: none;
padding: 0;
}
}
@media screen and (min-width: 500px) {
.nb-column-name,
.nb-column-size,
.nb-column-kind {
width: 33.333%;
.search-label {
display: block;
}
.search-input {
margin-bottom: 1rem;
}
}
@media screen and (min-width: 600px) {
.nb-column-name {
width: 31%;
width: 100%;
}
.nb-column-size,
.nb-column-kind,
.nb-column-items {
width: 23%;
::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%;
}
}
}