filter - working w/ css (looking for recommendations)

2 files changed, 23 insertions, 6 deletions

diff --git a/src/client/views/FilterPanel.scss b/src/client/views/FilterPanel.scss
index d774983a7..7cf886e12 100644
--- a/src/client/views/FilterPanel.scss
+++ b/src/client/views/FilterPanel.scss
@@ -188,6 +188,8 @@
         margin-bottom: 10px;
         margin-left: 5px;
         overflow: auto;
+
+
     }
 }
 
@@ -218,11 +220,16 @@
 
 
 }
+
 .filterbox-collpasedAndActive{
-    left:100px;
-    background-color: pink;
-    font-size: 100px;
+    // left:100px;
+    text-indent: 18px;
+    // background-color: pink;
+    font-size: 12px;
+    font-weight: bold;
+    
 }
 
 
 
+
diff --git a/src/client/views/FilterPanel.tsx b/src/client/views/FilterPanel.tsx
index 4cfc02ff7..b03e11f79 100644
--- a/src/client/views/FilterPanel.tsx
+++ b/src/client/views/FilterPanel.tsx
@@ -161,12 +161,21 @@ export class FilterPanel extends React.Component<filterProps> {
     @action
     sortingCurrentFacetValues = (facetHeader:string) => {
 
+        this._collapseReturnKeys.splice(0)
+
         for (var key of this.facetValues(facetHeader)){
             console.log("key : " + key  )
             if (this._currentActiveFilters.get(key)){
                 this._collapseReturnKeys.push(key) 
         }}
-        return this._collapseReturnKeys.toString();
+        // return "hello"
+
+        return (<div className = " filterbox-collpasedAndActive">
+          
+            {this._collapseReturnKeys.toString()}
+        </div>)
+        
+        
     }
     
     
@@ -255,8 +264,9 @@ export class FilterPanel extends React.Component<filterProps> {
                             </div>
                            
                             { this._chosenFacetsCollapse.get(facetHeader) ? 
-                            <div className = 'filterbox-collpasedAndActive'> {this.sortingCurrentFacetValues(facetHeader)} </div> &&  this._collapseReturnKeys.splice(0)
-                            
+                            // <div className = 'filterbox-collpasedAndActive' style={{backgroundColor: 'yellow', fontSize: 50}} > {this.sortingCurrentFacetValues(facetHeader)} </div> &&  this._collapseReturnKeys.splice(0)
+                            this.sortingCurrentFacetValues(facetHeader) 
+                            // &&  this._collapseReturnKeys.splice(0)
                              : this.displayFacetValueFilterUIs(this.activeFacets.get(facetHeader), facetHeader) }
                             {/*  */}
                         </div>