From ce30518b94dd3d7ef0b6219ae41b1b80de908fc4 Mon Sep 17 00:00:00 2001 From: Jonathan Avendano Date: Fri, 7 Jul 2023 09:57:06 -0600 Subject: [PATCH] Changing card style (#996) --- projects/swimlane/ngx-ui/CHANGELOG.md | 4 ++++ .../ngx-ui/src/lib/components/card/card.component.scss | 4 ++-- 2 files changed, 6 insertions(+), 2 deletions(-) diff --git a/projects/swimlane/ngx-ui/CHANGELOG.md b/projects/swimlane/ngx-ui/CHANGELOG.md index f35f60106..705f8e59d 100644 --- a/projects/swimlane/ngx-ui/CHANGELOG.md +++ b/projects/swimlane/ngx-ui/CHANGELOG.md @@ -1,5 +1,9 @@ # CHANGELOG +## HEAD (unreleased) + +- Breaking style changes (`ngx-card`): Background change from gradient to solid color. Removing left border from ngx-section. + ## 44.6.0 (2023-5-18) - Enhancement (`ngx-select-dropdown`): A new event is triggered when the X button is pressed to clear the filter query. diff --git a/projects/swimlane/ngx-ui/src/lib/components/card/card.component.scss b/projects/swimlane/ngx-ui/src/lib/components/card/card.component.scss index 60233c797..addd4a841 100644 --- a/projects/swimlane/ngx-ui/src/lib/components/card/card.component.scss +++ b/projects/swimlane/ngx-ui/src/lib/components/card/card.component.scss @@ -4,6 +4,7 @@ $color-accent-grey: linear-gradient(180deg, $color-blue-grey-100 0%, $color-blue $card-accent-thickness: 4px; $color-background-grey: linear-gradient(180deg, $color-blue-grey-750 0%, $color-blue-grey-800 100%); +$color-flat-background: $color-blue-grey-800; $card-outline-border-thickness: 3px; @@ -29,7 +30,7 @@ $card-vertical-gutter: 20px; .ngx-card { display: flex; - background: $color-background-grey; + background: $color-flat-background; box-shadow: 0 0 15px rgba(0, 0, 0, 0.3); border-radius: 2px; @@ -177,7 +178,6 @@ $card-vertical-gutter: 20px; justify-content: center; height: 100%; padding: 0 $card-horizontal-gutter; - border-left: 1px #313847 solid; &--description { flex-basis: 28%;