Andreas/ngx-admin
1
0
Fork 0
mirror of https://github.com/akveo/ngx-admin.git synced 2026-01-03 08:08:49 +01:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix(smart table): override success color with primary

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

16
src/app/@theme/styles/themes.scss
View file

@ -24,6 +24,10 @@ $nb-themes: nb-register-theme((
slide-out-background: #f7f9fc,
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
smart-table-bg-even: background-basic-color-2,
smart-table-bg-active: background-basic-color-3,
smart-table-paging-hover: transparent,
), default, default);
$nb-themes: nb-register-theme((
@ -47,6 +51,10 @@ $nb-themes: nb-register-theme((
slide-out-background: #252547,
slide-out-shadow-color: 2px 0 3px #29157a,
slide-out-shadow-color-rtl: -2px 0 3px #29157a,
smart-table-bg-even: background-basic-color-2,
smart-table-bg-active: background-basic-color-3,
smart-table-paging-hover: transparent,
), cosmic, cosmic);
$nb-themes: nb-register-theme((
@ -70,6 +78,10 @@ $nb-themes: nb-register-theme((
slide-out-background: linear-gradient(270deg, #edf1f7 0%, #e4e9f2 100%),
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
smart-table-bg-even: background-basic-color-2,
smart-table-bg-active: background-basic-color-3,
smart-table-paging-hover: transparent,
), corporate, corporate);
$nb-themes: nb-register-theme((
@ -93,4 +105,8 @@ $nb-themes: nb-register-theme((
slide-out-background: linear-gradient(270deg, #222b45 0%, #151a30 100%),
slide-out-shadow-color: 0 4px 14px 0 #8f9bb3,
slide-out-shadow-color-rtl: 0 4px 14px 0 #8f9bb3,
smart-table-bg-even: background-basic-color-2,
smart-table-bg-active: background-basic-color-3,
smart-table-paging-hover: transparent,
), dark, dark);

55
src/app/pages/tables/smart-table/smart-table.component.scss Normal file
View file

@ -0,0 +1,55 @@
@import '../../../@theme/styles/themes';
@include nb-install-component() {
nb-card {
transform: translate3d(0, 0, 0);
}
ng2-smart-table ::ng-deep {
.ng2-smart-action-add-add {
background-color: nb-theme(button-filled-primary-background-color);
border-color: nb-theme(button-filled-primary-border-color);
color: nb-theme(button-filled-primary-text-color);
&:focus {
border-color: nb-theme(button-filled-primary-focus-border-color);
}
&:hover {
background-color: nb-theme(button-filled-primary-hover-background-color);
border-color: nb-theme(button-filled-primary-hover-border-color);
}
&:active {
background-color: nb-theme(button-filled-primary-active-background-color);
border-color: nb-theme(button-filled-primary-active-border-color);
}
}
nav.ng2-smart-pagination-nav .pagination li {
a, > span {
background-color: transparent;
color: nb-theme(button-outline-primary-text-color);
&:focus {
border-color: nb-theme(button-outline-primary-focus-border-color);
color: nb-theme(button-outline-primary-focus-text-color);
}
&:hover {
border-color: nb-theme(button-outline-primary-hover-border-color);
color: nb-theme(button-outline-primary-hover-text-color);
}
}
}
.ng2-smart-pagination .page-item.disabled {
.page-link,
.page-link:focus,
.page-link:hover {
background-color: transparent;
color: nb-theme(button-outline-primary-disabled-text-color);
}
}
}
}

6
src/app/pages/tables/smart-table/smart-table.component.ts
View file

@ -6,11 +6,7 @@ import { SmartTableData } from '../../../@core/data/smart-table';
@Component({
selector: 'ngx-smart-table',
templateUrl: './smart-table.component.html',
styles: [`
nb-card {
transform: translate3d(0, 0, 0);
}
`],
styleUrls: ['./smart-table.component.scss'],
})
export class SmartTableComponent {