Double split for bar chart (#196)

* Refactored bar-chart * rebased on master * Disabled the two splits thing on bar-chart for now * pouet * fixup
chunsli · May 23, 2016 · 06e5934 · 06e5934
1 parent eac3631
commit 06e5934
Show file tree

Hide file tree

Showing 3 changed files with 453 additions and 257 deletions.
diff --git a/src/client/visualizations/bar-chart/bar-chart.scss b/src/client/visualizations/bar-chart/bar-chart.scss
@@ -19,42 +19,38 @@
       stroke: $gray;
     }
 
-    .bars {
-      pointer-events: none;
-
-      rect {
-        fill: $brand;
+    g.bars {
+      g.bar {
+        &.not-selected {
+          fill-opacity: 0.5;
+        }
 
         &.hover {
           fill-opacity: 0.9;
         }
 
-        &.not-selected {
-          fill-opacity: 0.5;
+        > rect.background {
+          pointer-events: none;
+          fill: $brand;
         }
-      }
-    }
 
-    .bar-ghosts {
-      rect {
-        fill: $white;
-        fill-opacity: 0.001;
+        > rect.mouse-event-target {
+          fill: $white;
+          fill-opacity: 0.001;
+        }
+
+        .selection {
+          pointer-events: none;
+          fill: none;
+          stroke: $brand;
+        }
       }
     }
 
     .mask {
       fill: $white;
     }
 
-    .bar-highlight {
-      pointer-events: none;
-
-      rect {
-        fill: none;
-        stroke: $brand;
-      }
-    }
-
     .slanty-labels {
       position: absolute;
       overflow: hidden;