🔧 'focused' nos cards

gabriel-gn · May 19, 2022 · 90bea33 · 90bea33 · vercel · May 19, 2022
1 parent 1e6848b
commit 90bea33
Show file tree

Hide file tree

Showing 7 changed files with 175 additions and 150 deletions.
diff --git a/README.md b/README.md
@@ -9,7 +9,7 @@
 
 | Angular Version | NPM Version |
 |-----------------|-------------|
-| 13.2.3          | 13.0.9      |
+| 13.2.3          | 13.0.10      |
 | < 13.0.0        | 0.0.77      |
 
 ## Reference

diff --git a/documentation.json b/documentation.json
diff --git a/package-lock.json b/package-lock.json
diff --git a/package.json b/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@mprisma/components",
-  "version": "13.0.9",
+  "version": "13.0.10",
   "repository": {
     "type": "git",
     "url": "https://github.com/gabriel-gn/prisma-components.git"

diff --git a/src/components/cards/basic-card/basic-card.component.html b/src/components/cards/basic-card/basic-card.component.html
@@ -1,6 +1,6 @@
 <div class="pm-basic-card">
   <div
-    [ngClass]="{'hoverable': hoverable}"
+    [ngClass]="{'hoverable': hoverable, 'focused': focused}"
     class="card-basic {{paddingClass}} {{borderRadius ? 'rad-' + borderRadius : ''}} w-100"
     style="height: auto;">
     <ng-content></ng-content>

diff --git a/src/components/cards/basic-card/basic-card.component.ts b/src/components/cards/basic-card/basic-card.component.ts
@@ -9,6 +9,7 @@ import {Sizes} from '../../../models/sizes';
 export class BasicCardComponent {
 
   @Input('hoverable') hoverable = false;
+  @Input('focused') focused = false;
   @Input('borderRadius') borderRadius: Sizes = Sizes.md;
   @Input('paddingClass') paddingClass: string = 'p-3';
 

diff --git a/src/styles/default/_cards.scss b/src/styles/default/_cards.scss
@@ -14,6 +14,10 @@ $card-width-sm: 280px;
     flex-direction: column-reverse;
   }
 
+  &.focused {
+    box-shadow: 0px 0px 8px 0px var(--color-primary) !important;
+  }
+
   &.selected {
     border: 5px solid var(--color-primary) !important;
     margin: 4px !important;