New legend display option 'Right side', will show legend to the right of the graph (Closes #556)

2014-07-03 12:38:20 +02:00
parent 9627212510
commit 6911e184f9
11 changed files with 107 additions and 54 deletions
@@ -1,5 +1,5 @@
@import "submenu.less";
-@import "legend.less";
+@import "graph.less";
@import "bootstrap-tagsinput.less";

 .hide-controls {
@@ -19,6 +19,7 @@
 .graph-legend-alias,
 .graph-legend-value {
  display: inline-block;
+  white-space: nowrap;
 }

 .graph-legend-series {
@@ -61,6 +62,41 @@
  }
 }

+
+.graph-legend-rightside {
+
+  &.graph-wrapper {
+    display: table;
+    width: 100%;
+  }
+
+  .graph-canvas-wrapper {
+    display: table-cell;
+    width: 100%;
+    position: relative;
+  }
+
+  .graph-legend-wrapper {
+    display: table-cell;
+    vertical-align: top;
+    position: relative;
+    left: -4px;
+  }
+
+  .graph-legend {
+    margin: 0;
+  }
+
+  .graph-legend-series {
+    display: block;
+    padding-left: 0px;
+  }
+
+  .graph-legend-table .graph-legend-series {
+    display: table-row;
+  }
+}
+
 .graph-legend-series-hidden {
  a {
    color: darken(@linkColor, 45%);
@@ -86,4 +122,4 @@
  .editor-row {
    padding: 5px;
  }
-}
+}