From 34f30c3249d64dc1093506713abfaf509bfe5fc8 Mon Sep 17 00:00:00 2001 From: Manolo Perez <31350932+Manolomon@users.noreply.github.com> Date: Tue, 23 Jun 2020 02:21:46 -0500 Subject: [PATCH] Update smart-table to switch theme --- .../smart-table/smart-table.component.scss | 43 +++++++++++++++++++ 1 file changed, 43 insertions(+) diff --git a/src/app/pages/tables/smart-table/smart-table.component.scss b/src/app/pages/tables/smart-table/smart-table.component.scss index cdfde5b5..e47fc9d3 100644 --- a/src/app/pages/tables/smart-table/smart-table.component.scss +++ b/src/app/pages/tables/smart-table/smart-table.component.scss @@ -4,4 +4,47 @@ nb-card { transform: translate3d(0, 0, 0); } + + ::ng-deep { + ng2-smart-table { + .form-control { + background-color: nb-theme(input-basic-background-color); + border-color: nb-theme(input-basic-border-color); + border-style: nb-theme(input-border-style); + border-width: nb-theme(input-border-width); + color: nb-theme(input-basic-text-color); + font-family: nb-theme(input-text-font-family); + + &::placeholder { + color: nb-theme(input-basic-placeholder-text-color); + font-family: nb-theme(input-placeholder-text-font-family); + text-overflow: ellipsis; + } + + &:focus { + outline: none; + border-color: nb-theme(input-basic-focus-border-color); + background-color: nb-theme(input-basic-background-color); + } + + &:hover { + border-color: nb-theme(input-basic-hover-border-color); + } + + &:disabled { + background-color: nb-theme(input-basic-disabled-background-color); + border-color: nb-theme(input-basic-disabled-border-color); + color: nb-theme(input-basic-disabled-text-color); + + &::placeholder { + color: nb-theme(input-basic-disabled-placeholder-text-color); + } + } + + &.input-full-width { + width: 100%; + } + } + } + } }