added more stat style

mapzen · Sep 13, 2016 · b6fc5af · b6fc5af
1 parent 36533cb
commit b6fc5af
Showing 1 changed file with 40 additions and 65 deletions.
diff --git a/src/stylesheets/project_specific/developer/_developer-graph.scss b/src/stylesheets/project_specific/developer/_developer-graph.scss
@@ -1,31 +1,44 @@
 #dev-dashboard {
 
   .stats {
-
     width: 100%;
     height: auto;
+    position: relative;
     font-size: 12px;
 
-    .custom-dropdown-div {
-      width: 100px;
-      background-repeat: no-repeat;
-      background-position: right center;
-      margin-right: 5px;
-      position: absolute;
-    }
+    // .custom-dropdown-div {
+    //   width: 100px;
+    //   background-repeat: no-repeat;
+    //   background-position: right center;
+    //   margin-right: 5px;
+    //   position: absolute;
+    // }
+
+    // select.custom-dropdown {
+    // font-weight: 700;
+    // margin: 0;
+    // -webkit-appearance: none;
+    // -moz-appearance: none;
+    // background-color: transparent;
+    // width: 100%;
+    // padding: 0 3px;
+    // border: 0;
+    // border-bottom: 1px solid #666;
+    // }
 
-    select.custom-dropdown {
-    font-weight: 700;
-    margin: 0;
-    -webkit-appearance: none;
-    -moz-appearance: none;
-    background-color: transparent;
-    width: 100%;
-    padding: 0 3px;
-    border: 0;
-    border-bottom: 1px solid #666;
-    }
+  }
+  .dropdown-div {
+    width: 100px;
+    position: absolute;
+  }
 
+  .graph {
+    margin-top: 35px;
+  }
+
+  // overriding background color
+  select {
+    background-color: $mz-lightgray;
   }
 
   .loading-bar {
@@ -34,16 +47,15 @@
     top: calc(50% - 50px);
   }
 
-  .project-stat-0 path {
-    fill: none;
-    stroke: #f00;
-    stroke-width: 2;
+  .legend-box {
+    float: left;
+    text-align: center;
+    width: 100%;
+    padding-top: 10px;
+    padding-bottom: 5px;
   }
-
-  .project-stat-1 path {
-    fill: none;
-    stroke: #ff0;
-    stroke-width: 2;
+  .legend-wrapper {
+    display: inline-block;
   }
 
   .axis{shape-rendering:crispEdges;}
@@ -62,14 +74,6 @@
      display:none;
   }
 
-  .d3-tip {
-    line-height: 1;
-    text-align:center;
-    padding: 8px;
-    background: rgba(0, 0, 0, 0.6);
-    color: #fff;
-    border-radius: 0px;
-  }
 
   .grid .tick {
     stroke: lightgrey;
@@ -86,32 +90,3 @@
   }
 
 }
-
-.d3-tip {
-  line-height: 1;
-  padding: 12px;
-  background: rgba(0, 0, 0, 0.8);
-  color: #fff;
-  pointer-events: none;
-  text-align:center;
-}
-
-
-/* Creates a small triangle extender for the tooltip */
-.d3-tip:after {
-  box-sizing: border-box;
-  display: inline;
-  font-size: 10px;
-  width: 100%;
-  line-height: 1;
-  color: rgba(0, 0, 0, 0.8);
-  content: "\25BC";
-  position: absolute;
-  text-align: center;
-}
-
-.d3-tip.n:after {
-  margin: -1px 0 0 0;
-  top: 100%;
-  left:0;
-}