Merge pull request #382 from atmire/search-performance-bugfix

Fixed facets UI issue

src/app/+search-page/search-filters/search-filter/search-boolean-filter/search-boolean-filter.component.scss

@@ -2,15 +2,6 @@
 @import '../../../../../styles/mixins.scss';
 
 .filters {
-    a {
-        color: $body-color;
-        &:hover, &focus {
-          text-decoration: none;
-        }
-        span.badge {
-            vertical-align: text-top;
-        }
-    }
     .toggle-more-filters a {
         color: $link-color;
         text-decoration: underline;

src/app/+search-page/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.scss

@@ -0,0 +1,11 @@
+@import '../../../../../../styles/variables.scss';
+
+a {
+    color: $body-color;
+    &:hover, &focus {
+        text-decoration: none;
+    }
+    span.badge {
+        vertical-align: text-top;
+    }
+}

src/app/+search-page/search-filters/search-filter/search-facet-filter-options/search-facet-option/search-facet-option.component.ts

@@ -11,6 +11,7 @@ import { hasValue } from '../../../../../shared/empty.util';
 
 @Component({
   selector: 'ds-search-facet-option',
+  styleUrls: ['./search-facet-option.component.scss'],
   templateUrl: './search-facet-option.component.html',
 })
 

src/app/+search-page/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.scss

@@ -0,0 +1,13 @@
+@import '../../../../../../styles/variables.scss';
+
+a {
+    color: $link-color;
+    &:hover {
+        text-decoration: underline;
+        color: $link-hover-color;
+
+    }
+    span.badge {
+        vertical-align: text-top;
+    }
+}

src/app/+search-page/search-filters/search-filter/search-facet-filter-options/search-facet-range-option/search-facet-range-option.component.ts

@@ -17,6 +17,7 @@ const rangeDelimiter = '-';
 
 @Component({
   selector: 'ds-search-facet-range-option',
+  styleUrls: ['./search-facet-range-option.component.scss'],
   templateUrl: './search-facet-range-option.component.html',
 })
 

src/app/+search-page/search-filters/search-filter/search-facet-filter-options/search-facet-selected-option/search-facet-selected-option.component.scss

@@ -0,0 +1,11 @@
+@import '../../../../../../styles/variables.scss';
+
+a {
+    color: $body-color;
+    &:hover, &focus {
+        text-decoration: none;
+    }
+    span.badge {
+        vertical-align: text-top;
+    }
+}

src/app/+search-page/search-filters/search-filter/search-facet-filter-options/search-facet-selected-option/search-facet-selected-option.component.ts

@@ -9,6 +9,7 @@ import { SearchConfigurationService } from '../../../../search-service/search-co
 
 @Component({
   selector: 'ds-search-facet-selected-option',
+  styleUrls: ['./search-facet-selected-option.component.scss'],
   templateUrl: './search-facet-selected-option.component.html',
 })
 

src/app/+search-page/search-filters/search-filter/search-hierarchy-filter/search-hierarchy-filter.component.scss

@@ -2,15 +2,6 @@
 @import '../../../../../styles/mixins.scss';
 
 .filters {
-    a {
-        color: $body-color;
-        &:hover, &focus {
-            text-decoration: none;
-        }
-        span.badge {
-            vertical-align: text-top;
-        }
-    }
     .toggle-more-filters a {
         color: $link-color;
         text-decoration: underline;

src/app/+search-page/search-filters/search-filter/search-range-filter/search-range-filter.component.scss

@@ -3,17 +3,6 @@
 
 
 .filters {
-     a {
-         color: $link-color;
-         &:hover {
-             text-decoration: underline;
-             color: $link-hover-color;
-
-         }
-         span.badge {
-             vertical-align: text-top;
-         }
-     }
      .toggle-more-filters a {
          color: $link-color;
          text-decoration: underline;

src/app/+search-page/search-filters/search-filter/search-text-filter/search-text-filter.component.scss

@@ -2,15 +2,6 @@
 @import '../../../../../styles/mixins.scss';
 
 .filters {
-    a {
-        color: $body-color;
-        &:hover, &focus {
-          text-decoration: none;
-        }
-        span.badge {
-            vertical-align: text-top;
-        }
-    }
     .toggle-more-filters a {
         color: $link-color;
         text-decoration: underline;