From 0da60a8bb26ef856622683c8952aac8509cb9673 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?Torkel=20=C3=96degaard?= Date: Thu, 3 Nov 2016 22:29:53 +0100 Subject: [PATCH] ux(dashboard): minor tweak to row menu animation, it hides in a better way now after click #6442 --- public/app/core/components/grafana_app.ts | 7 ++++--- public/sass/components/_row.scss | 7 +------ 2 files changed, 5 insertions(+), 9 deletions(-) diff --git a/public/app/core/components/grafana_app.ts b/public/app/core/components/grafana_app.ts index ee2e7ef4422..b5ba0e5e4a5 100644 --- a/public/app/core/components/grafana_app.ts +++ b/public/app/core/components/grafana_app.ts @@ -120,10 +120,11 @@ export function grafanaAppDirective(playlistSrv, contextSrv) { // hide it right away var clickAutoHide = target.closest('[data-click-hide]'); if (clickAutoHide.length) { - clickAutoHide.toggleClass('transition-hide'); + var clickAutoHideParent = clickAutoHide.parent(); + clickAutoHide.detach(); setTimeout(function() { - clickAutoHide.toggleClass('transition-hide'); - }, 1000); + clickAutoHideParent.append(clickAutoHide); + }, 100); } if (target.parents('.dash-playlist-actions').length === 0) { diff --git a/public/sass/components/_row.scss b/public/sass/components/_row.scss index 5435cc166eb..fade0930872 100644 --- a/public/sass/components/_row.scss +++ b/public/sass/components/_row.scss @@ -110,7 +110,7 @@ $dash-row-menu-animation-speed: 0.20s; position: absolute; top: 0px; transform: translate(-131px, 0); - transition: $dash-row-menu-animation-speed ease-out 0.5s; + transition: 0.1s ease-out 0.4s; z-index: 100; display: flex; flex-direction: row; @@ -124,11 +124,6 @@ $dash-row-menu-animation-speed: 0.20s; opacity: 0; transition: $dash-row-menu-animation-speed ease-in 0.05s; } - - &.transition-hide { - transform: translate(-131px, 0); - transition: 0.0s ease-in 0s; - } } }