IntenseWebs/grafana
3
0
Fork 0
mirror of https://github.com/grafana/grafana.git synced 2025-02-25 18:55:37 -06:00
Code Issues Packages Projects Releases Wiki Activity

ux(dashboard): minor tweak to row menu animation, it hides in a better way now after click #6442

Browse Source
This commit is contained in:
Torkel Ödegaard
2016-11-03 22:29:53 +01:00
parent 98be1734fa
commit 0da60a8bb2
2 changed files with 5 additions and 9 deletions
Download Patch File Download Diff File Expand all files Collapse all files

7
public/app/core/components/grafana_app.ts
View File

@@ -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) {

7
public/sass/components/_row.scss
View File

@@ -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;
}
}
}