feat(category-filter): update display - FRONT-3804 (#2698)

ec-europa · Nov 29, 2022 · 0cd508f · 0cd508f
1 parent 308d0b7
commit 0cd508f
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 9 deletions.
diff --git a/src/implementations/vanilla/components/category-filter/_category-filter.scss b/src/implementations/vanilla/components/category-filter/_category-filter.scss
@@ -1,14 +1,13 @@
 /**
  * Category filter component
- * @define category-filter; weak
+ * @define category-filter
  */
 
 @use 'sass:map';
 @use '@ecl/theme-dev/theme';
 
 $_item_separator_border_color: null !default;
 $_item_hover_background_color: null !default;
-$_outline-color: null !default;
 $_outline-width: 3px !default;
 
 .ecl-category-filter {
@@ -28,7 +27,7 @@ $_outline-width: 3px !default;
   border-bottom: 1px solid $_item_separator_border_color;
   color: map.get(theme.$color, 'grey-100');
   display: flex;
-  font: map.get(theme.$font-prolonged, 's');
+  font: map.get(theme.$font, 's');
   justify-content: space-between;
   padding: map.get(theme.$spacing, 's');
   text-decoration: none;
@@ -40,7 +39,7 @@ $_outline-width: 3px !default;
   &:focus-visible {
     outline: 2px solid map.get(theme.$color, 'blue-100');
     outline-offset: -2px;
-    text-decoration: none;
+    text-decoration: underline;
   }
 
   &.ecl-category-filter__item--level-1 {
@@ -114,7 +113,6 @@ $_outline-width: 3px !default;
 }
 
 .ecl-category-filter__list-item[aria-expanded='true'],
-.ecl-category-filter__list-item:hover,
 .ecl-category-filter__item--current {
   background-color: $_item_hover_background_color;
 

diff --git a/src/implementations/vanilla/components/category-filter/category-filter-ec.scss b/src/implementations/vanilla/components/category-filter/category-filter-ec.scss
@@ -2,6 +2,5 @@
 @use '@ecl/theme-dev/theme';
 @use 'category-filter' with (
   $_item_separator_border_color: map.get(theme.$color, 'grey-15'),
-  $_item_hover_background_color: map.get(theme.$color, 'grey-5'),
-  $_outline-color: map.get(theme.$color, 'yellow-100')
+  $_item_hover_background_color: map.get(theme.$color, 'grey-10')
 );
diff --git a/src/implementations/vanilla/components/category-filter/category-filter-eu.scss b/src/implementations/vanilla/components/category-filter/category-filter-eu.scss
@@ -2,6 +2,5 @@
 @use '@ecl/theme-dev/theme';
 @use 'category-filter' with (
   $_item_separator_border_color: map.get(theme.$color, 'blue-20'),
-  $_item_hover_background_color: map.get(theme.$color, 'blue-5'),
-  $_outline-color: map.get(theme.$color, 'accent-blue-100')
+  $_item_hover_background_color: map.get(theme.$color, 'blue-10')
 );