style(veo): scrollable errors

influxdata · Jun 20, 2019 · 1837b31 · 1837b31
1 parent ee04b2d
commit 1837b31
Show file tree

Hide file tree

Showing 2 changed files with 36 additions and 0 deletions.
diff --git a/ui/src/shared/components/EmptyGraphError.scss b/ui/src/shared/components/EmptyGraphError.scss
@@ -0,0 +1,32 @@
+.empty-graph-error {
+  width: 100%;
+  height: 100%;
+  border-radius: $radius;
+  background: $g2-kevlar;
+  position: relative;
+  color: $c-dreamsicle;
+
+   pre {
+    font-size: 14px;
+    padding: $ix-marg-c;
+    user-select: text !important;
+    cursor: text;
+  }
+}
+
+ .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/timeMachine/components/TimeMachine.scss b/ui/src/timeMachine/components/TimeMachine.scss
@@ -49,4 +49,8 @@
   > .single-stat {
     border-radius: 0 0 $radius $radius;
   }
+
+  > .cell--view-empty {
+    padding-top: 32px;
+  }
 }