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

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

Hide file tree

Showing 2 changed files with 8 additions and 0 deletions.
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,14 @@
 // =============================================================================
 // INLINE LIST (CSS)
 // =============================================================================
+// 1. It prevents from missing top outline on refine filters on focus;
+//
+// -----------------------------------------------------------------------------
 
+ul.inlineList { // 1
+    overflow: visible; 
+    @include clearfix;
+}
 
 .inlineList--labels {
     margin-bottom: 0;