Changing card style (#996)

swimlane · Jul 7, 2023 · ce30518 · ce30518
1 parent 6b63d53
commit ce30518
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git 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
@@ -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%;