Merge pull request #218 from brown-dash/secondpropertiesmenu-emily

Secondpropertiesmenu emily

1 files changed, 52 insertions, 14 deletions

diff --git a/src/client/views/FilterPanel.scss b/src/client/views/FilterPanel.scss
index 4f0460659..d6d2956aa 100644
--- a/src/client/views/FilterPanel.scss
+++ b/src/client/views/FilterPanel.scss
@@ -135,7 +135,7 @@
 
 .filterBox-addFilter {
     width: 120px;
-    background-color: #e9e9e9;
+    backgroundcolor: #e9e9e9;
     border-radius: 12px;
     padding: 5px;
     margin: 5px;
@@ -156,7 +156,7 @@
     right: 0;
     top: 0;
     z-index: 1;
-  //  background-color:  #9f9f9f;
+    //  background-color:  #9f9f9f;
 
     .filterBox-tree {
         z-index: 0;
@@ -191,22 +191,60 @@
     }
 }
 
+.filterBox-facetHeader {
+    display: flex;
+    align-items: center;
+    // float:right;
 
+    .filterBox-facetHeader-collapse {
+        // float: right;
+        // justify-items: right;
+        // align-items: flex-end;
+        margin-left: auto;
+        //  margin-right: 9px;
 
-.filterBox-facetHeader{
-     display: flex;
-     align-items: center;
-   // float:right;
-
-   .filterBox-facetHeader-collapse{
         float: right;
-        justify-items: right;
-        align-items: flex-end;
-        margin-left: auto;
-        margin-right: 9px;
+        font-size: 16;
     }
 
+    .filterBox-facetHeader-remove {
+        // margin-left: auto;
+        float: right;
+        font-size: 16;
+        font-weight: bold;
+    }
 }
 
-
-
+.filterbox-collpasedAndActive {
+    // left:100px;
+    text-indent: 18px;
+    // background-color: pink;
+    font-size: 12px;
+    font-weight: bold;
+}
+
+.sliderBox-outerDiv {
+    display: inline-block;
+    vertical-align: middle;
+}
+
+// .sliderBox-outerDiv {
+//     width: 30%;// width: calc(100% - 14px);   // 14px accounts for handles that are at the max value of the slider that would extend outside the box
+//     height: 40; // height: 100%;
+//     border-radius: inherit;
+//     display: flex;
+//     flex-direction: column;
+//     position: relative;
+//     // background-color: yellow;
+//     .slider-tracks {
+//         top: 7px;
+//         position: relative;
+//     }
+//     .slider-ticks {
+//         position: relative;
+//     }
+//     .slider-handles {
+//         top: 7px;
+//         position: relative;
+//     }
+// }