change resize bar z-index (#6462)

frontend/src/components/resize-bar/index.css

@@ -3,7 +3,6 @@
   width: 6px;
   position: absolute;
   top: 0;
-  z-index: 8;
   opacity: 0;
   transition-duration: .2s;
   transition-property: opacity;

frontend/src/components/resize-bar/index.js

@@ -1,5 +1,6 @@
 import React from 'react';
 import PropTypes from 'prop-types';
+import { RESIZE_BAR } from '../../constants/zIndexes';
 import './index.css';
 
 function ResizeBar(props) {
@@ -7,7 +8,7 @@ function ResizeBar(props) {
     <div
       className="resize-bar"
       ref={props.resizeBarRef}
-      style={props.resizeBarStyle}
+      style={Object.assign({ zIndex: RESIZE_BAR }, props.resizeBarStyle)}
       onMouseDown={props.onResizeMouseDown}
       onMouseOver={props.onResizeMouseOver}
     >

frontend/src/constants/zIndexes.js

@@ -1 +1,3 @@
+export const RESIZE_BAR = 2;
+
 export const EXTRA_ATTRIBUTES_DIALOG_MODAL = 1048;

frontend/src/metadata/metadata-view/components/table/index.css

@@ -422,13 +422,6 @@
   transform: translateZ(10px);
 }
 
-.table-header-top {
-  z-index: 7;
-  transform: translateZ(1000px);
-  height: 10px;
-  background-color: #f5f5f5;
-}
-
 .sf-metadata-result-table .group-header-left .formatter-show {
   display: inline-flex;
   flex: 1;