From f01f16768ae9784ce1b607680f85e7cd7466437c Mon Sep 17 00:00:00 2001
From: Dmitry Nehaychik <4dmitr@gmail.com>
Date: Thu, 21 Sep 2017 11:30:26 +0300
Subject: [PATCH] feat(app): get rid of transitions

---
 .../rooms/room-selector/room-selector.component.scss        | 2 --
 src/app/pages/dashboard/rooms/rooms.component.scss          | 1 -
 .../security-cameras/security-cameras.component.scss        | 1 -
 .../pages/dashboard/status-card/status-card.component.scss  | 6 ++++--
 .../temperature-dragger/temperature-dragger.component.scss  | 1 -
 5 files changed, 4 insertions(+), 7 deletions(-)

diff --git a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
index 31eaa15e..6013e4cd 100644
--- a/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
+++ b/src/app/pages/dashboard/rooms/room-selector/room-selector.component.scss
@@ -27,14 +27,12 @@
     stroke: #bdc4cd;
     stroke-miterlimit: 10;
     fill: none;
-    transition: stroke 0.4s ease-out;
   }
 
   .room-bg {
     fill: nb-theme(card-bg);
     stroke: transparent;
     cursor: pointer;
-    transition: fill 0.4s ease-out;
     stroke-width: 4px;
   }
 
diff --git a/src/app/pages/dashboard/rooms/rooms.component.scss b/src/app/pages/dashboard/rooms/rooms.component.scss
index 001c79c9..2b2a3826 100644
--- a/src/app/pages/dashboard/rooms/rooms.component.scss
+++ b/src/app/pages/dashboard/rooms/rooms.component.scss
@@ -62,7 +62,6 @@
         transform: translateX(-50%);
         font-size: 3rem;
         color: nb-theme(color-fg);
-        transition: display 0.3s ease;
 
         &:focus {
           outline: none;
diff --git a/src/app/pages/dashboard/security-cameras/security-cameras.component.scss b/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
index f435f839..5bc1abec 100644
--- a/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
+++ b/src/app/pages/dashboard/security-cameras/security-cameras.component.scss
@@ -99,7 +99,6 @@
       width: 100%;
       height: 100%;
       opacity: 1;
-      transition: 0.2s;
     }
 
     &:hover::before {
diff --git a/src/app/pages/dashboard/status-card/status-card.component.scss b/src/app/pages/dashboard/status-card/status-card.component.scss
index 0af65c31..08abc611 100644
--- a/src/app/pages/dashboard/status-card/status-card.component.scss
+++ b/src/app/pages/dashboard/status-card/status-card.component.scss
@@ -11,7 +11,6 @@
     $bevel: btn-hero-bevel(nb-theme(card-bg));
     $shadow: nb-theme(btn-hero-shadow);
     box-shadow: $bevel, $shadow;
-    transition: all 0.1s ease-out;
 
     .icon-container {
       height: 100%;
@@ -26,7 +25,10 @@
       height: 4.75rem;
       font-size: 3.75rem;
       border-radius: nb-theme(card-border-radius);
-      transition: all 0.1s ease-out, color 0s;
+      transition: width 0.4s ease;
+      transform: translate3d(0, 0, 0);
+      -webkit-transform-style: preserve-3d;
+      -webkit-backface-visibility: hidden;
       color: nb-theme(color-white);
 
       &.primary {
diff --git a/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.scss b/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.scss
index 3c4ec14c..41e2627e 100644
--- a/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.scss
+++ b/src/app/pages/dashboard/temperature/temperature-dragger/temperature-dragger.component.scss
@@ -62,7 +62,6 @@
     cursor: pointer;
     font-size: 3rem;
     color: nb-theme(color-fg-heading);
-    transition: all 0.1s ease-out;
     border: 2px solid nb-theme(separator);
 
     &:hover {