Merge pull request #12379 from influxdata/fix/cells-context-menu

fix(ui): update z-index of cells when hovered
influxdata · Mar 6, 2019 · f8c6fdb · f8c6fdb
2 parents dcb8c6e + a4c0d12
commit f8c6fdb
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -7,6 +7,7 @@
 ### Bug Fixes
 
 1. [12302](https://github.com/influxdata/influxdb/pull/12302): Prevent clipping of code snippets in Firefox
+1. [12379](https://github.com/influxdata/influxdb/pull/12379): Prevent clipping of cell edit menus in dashboards
 
 ### UI Improvements
 

diff --git a/ui/src/shared/components/cells/react-grid-layout.scss b/ui/src/shared/components/cells/react-grid-layout.scss
@@ -14,6 +14,10 @@
   z-index: $z--cell-default;
   transition: all 200ms ease;
   transition-property: left, top;
+
+  &:hover {
+    z-index: $z--cell-context-hover;
+  }
 }
 .react-grid-item.cssTransforms {
   transition-property: transform;
@@ -58,7 +62,7 @@
   bottom: 0;
   right: 0;
   opacity: 0;
-  
+
   &:before,
   &:after {
     content: '';