From 42c237c2b148dacd394a3e501624ddddf6a1f6a8 Mon Sep 17 00:00:00 2001 From: Dilyana Yarabanova <45598235+didimmova@users.noreply.github.com> Date: Thu, 17 Mar 2022 11:26:37 +0200 Subject: [PATCH 1/2] theme(bootstrap): change bootstrap surface color in dark theme (#11238) Co-authored-by: Dilyana Dimova --- .../igniteui-angular/src/lib/core/styles/themes/_palettes.scss | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss b/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss index 4077a968965..42c4bdebb1b 100644 --- a/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss +++ b/projects/igniteui-angular/src/lib/core/styles/themes/_palettes.scss @@ -307,7 +307,7 @@ $bootstrap-dark-palette: palette( $success: color($bootstrap-palette, 'success'), $warn: color($bootstrap-palette, 'warn'), $error: color($bootstrap-palette, 'error'), - $surface: #333, + $surface: #212529, $grays: #fff, $variant: 'bootstrap' ) !default; From b73d17cdd98a9cc0a41d74031c73446bcba252cc Mon Sep 17 00:00:00 2001 From: sivanova Date: Mon, 21 Mar 2022 09:54:43 +0200 Subject: [PATCH 2/2] fix(card): actions don't render vertically --- projects/igniteui-angular/src/lib/card/card.component.ts | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/projects/igniteui-angular/src/lib/card/card.component.ts b/projects/igniteui-angular/src/lib/card/card.component.ts index f3736eaac88..61b5c5a843a 100644 --- a/projects/igniteui-angular/src/lib/card/card.component.ts +++ b/projects/igniteui-angular/src/lib/card/card.component.ts @@ -316,7 +316,7 @@ export class IgxCardActionsComponent implements OnInit, OnChanges { */ @HostBinding('class.igx-card-actions--vertical') @Input() - public vertical: boolean; + public vertical = false; /** * A getter that returns `true` when the layout has been @@ -365,7 +365,9 @@ export class IgxCardActionsComponent implements OnInit, OnChanges { * @internal */ public ngOnInit() { - this.vertical = !this.isVerticalSet && this.card.horizontal; + if (!this.isVerticalSet && this.card.horizontal) { + this.vertical = true; + }; } }