fix(storefront)bctheme-225:fix filter top outline on focus

bigcommerce · Sep 9, 2020 · 790b378 · 790b378
1 parent 797b3da
commit 790b378
Show file tree

Hide file tree

Showing 3 changed files with 9 additions and 1 deletion.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -1,6 +1,7 @@
 # Changelog
 
 ## Draft
+- Fixed missing top outline on chosen filter's focused. [#1829](https://github.com/bigcommerce/cornerstone/pull/1829)
 - Create unified focus styling in Cornerstone. [#1812](https://github.com/bigcommerce/cornerstone/pull/1812)
 - Review link in quick modal focused twice. [#1797](https://github.com/bigcommerce/cornerstone/pull/1797)
 - Fixed product image doesn't change on click when viewing a product with multiple images in IE11 [#1748](https://github.com/bigcommerce/cornerstone/pull/1748)

diff --git a/assets/scss/components/foundation/inlineList/_inlineList.scss b/assets/scss/components/foundation/inlineList/_inlineList.scss
@@ -1,7 +1,13 @@
 // =============================================================================
 // INLINE LIST (CSS)
 // =============================================================================
+// 1. It prevents from missing top outline on refine filters on focus;
+//
+// -----------------------------------------------------------------------------
 
+ul.inlineList { // 1
+    overflow: visible; 
+}
 
 .inlineList--labels {
     margin-bottom: 0;

diff --git a/assets/scss/components/stencil/facetedSearch/_facetedSearch.scss b/assets/scss/components/stencil/facetedSearch/_facetedSearch.scss
@@ -115,7 +115,8 @@
     display: none;
 
     @include breakpoint("medium") {
-        display: block; // 1
+        display: flex; // 1
+        flex-direction: column;
     }
 }