From 4e15e61b39836d498fa97ed50e394c501ee5e541 Mon Sep 17 00:00:00 2001
From: Matt <matt@raintank.io>
Date: Thu, 3 Nov 2016 15:12:39 -0400
Subject: [PATCH] Added vertical ellipses, played with box shadows and borders
 and such. Ellipses need to fade to Opacity 0 when menu is open.

---
 public/app/features/dashboard/row/row.html |  3 ++-
 public/sass/components/_row.scss           | 14 +++++++++++++-
 2 files changed, 15 insertions(+), 2 deletions(-)

diff --git a/public/app/features/dashboard/row/row.html b/public/app/features/dashboard/row/row.html
index b0772ea6290..7e282bfd55e 100644
--- a/public/app/features/dashboard/row/row.html
+++ b/public/app/features/dashboard/row/row.html
@@ -1,9 +1,10 @@
-<div class="dash-row-menu-container" ng-hide="dashboard.meta.fullscreen">
+<div class="dash-row-menu-container" id="dash-row-menu-container-id" ng-hide="dashboard.meta.fullscreen">
 	<ul class="dash-row-menu" role="menu" aria-labelledby="drop1">
 		<li>
 			<a ng-click="ctrl.onMenuAddPanel()">
 				<i class="fa fa-plus"></i> Add Panel
 			</a>
+			<i class="icon-gf icon-gf-bulk_action dash-row-menu--affordance" id="dash-row-menu--affordance-id"></i>
 		</li>
 		<li>
 			<a ng-click="ctrl.onMenuRowOptions()">
diff --git a/public/sass/components/_row.scss b/public/sass/components/_row.scss
index 8a771bfdf79..a532ddb2db7 100644
--- a/public/sass/components/_row.scss
+++ b/public/sass/components/_row.scss
@@ -114,13 +114,15 @@
 
   &:hover {
     left: 0px;
+    z-index: 101;
+    box-shadow: $search-shadow;
   }
 }
 
 .dash-row-menu {
   list-style: none;
   li a {
-    display: block;
+    display: inline-block;
     white-space: nowrap;
     color: $text-muted;
     font-size: $font-size-sm;
@@ -132,6 +134,16 @@
   }
 }
 
+.dash-row-menu--affordance {
+  float: right;
+  font-size: 130%;
+  margin-top: 7px;
+  color: $text-color-faint;
+  margin-right: -7px;
+  opacity: 1;
+  transition: .30s opacity forwards;
+}
+
 // Legacy mode
 .row-tab {
   .dropdown-menu-right {