Graph: new legend table display style, #1030

2014-11-07 13:57:52 +01:00
parent 7ba4f6b93f
commit cd21fa7016
3 changed files with 61 additions and 0 deletions
@@ -85,6 +85,52 @@
  }
 }

+.graph-legend-big-table {
+  width: 100%;
+  margin: 0;
+
+  td, .graph-legend-alias, .graph-legend-icon, .graph-legend-value {
+    padding: 2px 10px;
+    white-space: nowrap;
+    text-align: right;
+    border-bottom: 1px solid @grafanaListBorderBottom;
+
+    &:first-child {
+      text-align: left;
+    }
+    &:last-child td {
+      border: none;
+    }
+  }
+
+  .graph-legend-icon {
+    width: 5px;
+    padding-right: 0;
+  }
+
+  .graph-legend-alias {
+    text-align: left;
+    width: 95%;
+  }
+
+  th {
+    text-align: right;
+    padding: 5px 10px;
+    font-weight: bold;
+    color: @blue
+  }
+
+  .graph-legend-series:nth-child(odd) {
+    background-color: @grafanaListAccent;
+  }
+  .graph-legend-value {
+    &.current, &.max, &.min, &.total, &.avg {
+      &:before {
+        content: '';
+      }
+    }
+  }
+}

 .graph-legend-rightside {