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

@@ -120,10 +120,11 @@ export function grafanaAppDirective(playlistSrv, contextSrv) {
         // hide it right away
         // hide it right away
         var clickAutoHide = target.closest('[data-click-hide]');
         var clickAutoHide = target.closest('[data-click-hide]');
         if (clickAutoHide.length) {
         if (clickAutoHide.length) {
-          clickAutoHide.toggleClass('transition-hide');
+          var clickAutoHideParent = clickAutoHide.parent();
+          clickAutoHide.detach();
           setTimeout(function() {
           setTimeout(function() {
-            clickAutoHide.toggleClass('transition-hide');
-          }, 1000);
+            clickAutoHideParent.append(clickAutoHide);
+          }, 100);
         }
         }
 
 
         if (target.parents('.dash-playlist-actions').length === 0) {
         if (target.parents('.dash-playlist-actions').length === 0) {

public/sass/components/_row.scss

@@ -110,7 +110,7 @@ $dash-row-menu-animation-speed: 0.20s;
   position: absolute;
   position: absolute;
   top: 0px;
   top: 0px;
   transform: translate(-131px, 0);
   transform: translate(-131px, 0);
-  transition: $dash-row-menu-animation-speed ease-out 0.5s;
+  transition: 0.1s ease-out 0.4s;
   z-index: 100;
   z-index: 100;
   display: flex;
   display: flex;
   flex-direction: row;
   flex-direction: row;
@@ -124,11 +124,6 @@ $dash-row-menu-animation-speed: 0.20s;
       opacity: 0;
       opacity: 0;
       transition: $dash-row-menu-animation-speed ease-in 0.05s;
       transition: $dash-row-menu-animation-speed ease-in 0.05s;
     }
     }
-
-    &.transition-hide {
-      transform: translate(-131px, 0);
-      transition: 0.0s ease-in 0s;
-    }
   }
   }
 }
 }