fix(grid): grid item hover animation changed

xmlking · Jan 27, 2019 · f216deb · f216deb
1 parent fd22e72
commit f216deb
Show file tree

Hide file tree

Showing 2 changed files with 11 additions and 2 deletions.
diff --git a/libs/grid/src/lib/containers/accounts-grid-list/accounts-grid-list.component.scss b/libs/grid/src/lib/containers/accounts-grid-list/accounts-grid-list.component.scss
@@ -31,13 +31,16 @@ mat-grid-tile {
   mat-card {
     width: calc(100% - 70px);
     height: calc(100% - 70px);
-
-    @include mat-elevation-transition;
     @include mat-elevation(2);
 
+    //@include mat-elevation-transition;
+    transition: transform 0.25s ease;
+
     &:hover {
       cursor: pointer;
       @include mat-elevation(6);
+      //box-shadow: 0 15px 37px 0 #dbe2eb;
+      transform: translateY(-1rem);
     }
 
     &.active {

diff --git a/stories/awesome.md b/stories/awesome.md
@@ -74,6 +74,12 @@ type `ng.profiler.timeChangeDetection();` in console.
 > Read [The ultimate guide to proper use of animation in UX](https://uxdesign.cc/the-ultimate-guide-to-proper-use-of-animation-in-ux-10bd98614fa9)
 > Read [Microinteractions: small details matter](https://uxdesign.cc/microinteractions-detailed-design-9113c88946d0)
 
+* UI Kits
+  1. [Material](https://material.angular.io/)
+  2. [Nebular](https://akveo.github.io/nebular/)
+  3. [Clarity](https://clarity.design/)
+
+
 * Animations 
 > Read [Hierarchical Route Animations](https://fluin.io/blog/hierarchical-route-animations)