From 2164bbd447a4e4651529e84b178d0d32d0f58cd2 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Wed, 9 Nov 2016 10:59:06 +0100 Subject: [PATCH] ux(tv mode): added 1 second delay animation --- public/sass/components/_view_states.scss | 18 +++++++++--------- 1 file changed, 9 insertions(+), 9 deletions(-) diff --git a/public/sass/components/_view_states.scss b/public/sass/components/_view_states.scss index 42a97f5f0bd..8ab13c56776 100644 --- a/public/sass/components/_view_states.scss +++ b/public/sass/components/_view_states.scss @@ -59,34 +59,34 @@ .dashnav-action-icons, .dashnav-move-timeframe { opacity: 0; - transition: opacity 1.5s ease-in-out; + transition: all 1.5s ease-in-out 1s; } // navbar buttons .navbar-brand-btn, .navbar-inner { - border: none; + border-color: transparent; background: transparent; - transition: background 1.5s ease-in-out; + transition: all 1.5s ease-in-out 1s; .fa { opacity: 0; - transition: opacity 1.5s ease-in-out; + transition: all 1.5s ease-in-out 1s; } } .navbar-page-btn { - border: none; - transform: translate3d(-50px, 0, 0); + border-color: transparent; background: transparent; - transition: transform 1.5s ease-in-out; + transform: translate3d(-50px, 0, 0); + transition: all 1.5s ease-in-out 1s; .icon-gf { opacity: 0; - transition: opacity 1.5s ease-in-out; + transition: all 1.5s ease-in-out 1s; } } .gf-timepicker-nav-btn { transform: translate3d(40px, 0, 0); - transition: transform 1.5s ease-in-out; + transition: transform 1.5s ease-in-out 1s; } }