style(cell): error tooltip

influxdata · Jun 20, 2019 · 2e6202b · 2e6202b
1 parent 383c3c1
commit 2e6202b
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 22 deletions.
diff --git a/ui/src/shared/components/EmptyGraphError.scss b/ui/src/shared/components/EmptyGraphError.scss
@@ -17,16 +17,4 @@
  .empty-graph-error--icon {
   display: inline-block;
   margin-right: $ix-marg-b;
-}
-
- .empty-graph-error--copy {
-  position: absolute;
-  top: $ix-marg-b;
-  right: $ix-marg-b;
-  opacity: 0.9;
-  display: none;
-
-   .empty-graph-error:hover & {
-    display: inherit;
-  }
 }
diff --git a/ui/src/shared/components/EmptyGraphErrorTooltip.tsx b/ui/src/shared/components/EmptyGraphErrorTooltip.tsx
@@ -52,12 +52,6 @@ const EmptyGraphError: FunctionComponent<Props> = ({message, testID}) => {
             color={ComponentColor.Danger}
           >
             <pre>
-              <span
-                className={`icon ${
-                  IconFont.AlertTriangle
-                } empty-graph-error--icon`}
-              />
-              <code>{message}</code>
               <CopyToClipboard text={message}>
                 <Button
                   size={ComponentSize.ExtraSmall}
@@ -68,6 +62,7 @@ const EmptyGraphError: FunctionComponent<Props> = ({message, testID}) => {
                   className="empty-graph-error--copy"
                 />
               </CopyToClipboard>
+              <code>{message}</code>
             </pre>
           </BoxTooltip>
         )}

diff --git a/ui/src/shared/components/cells/Cell.scss b/ui/src/shared/components/cells/Cell.scss
@@ -35,6 +35,11 @@ $cell--header-size: 36px;
   }
 }
 
+.empty-graph-error--copy {
+  z-index: 1;
+  float: right;
+}
+
 .cell--view-empty {
   width: 100%;
   height: 100%;
@@ -47,11 +52,8 @@ $cell--header-size: 36px;
   padding: 0 $ix-marg-d $ix-marg-d $ix-marg-d;
   overflow: hidden;
 
-  .empty-graph-error--copy {
-    z-index: 1;
-  }
-
   &.error {
+    font-size: 40px;
     color: $c-dreamsicle;
   }
 }