STENCIL-2439 File upload button does not properly display in IE if fo…

…nt-size is 0
bigcommerce · Feb 17, 2017 · 69bc614 · 69bc614
1 parent 5029c3d
commit 69bc614
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 0 deletions.
diff --git a/CHANGELOG.md b/CHANGELOG.md
@@ -4,6 +4,7 @@
 - Show 'Write a Review' link for mobile [#922] (https://github.com/bigcommerce/stencil/pull/922)
 - Update text input for product review comment to be multiline so it's not too small to be usable [#921] (https://github.com/bigcommerce/stencil/pull/921)
 - Add a larger view of a swatch image when option is hovered over on the product page [#923](https://github.com/bigcommerce/stencil/pull/923)
+- Fixes an issue with file upload button not properly displaying in IE [#925](https://github.com/bigcommerce/stencil/pull/925)
 
 ## 1.5.2 (2017-02-14)
 - Added a setting to theme editor schema to show/hide the homepage carousel [#909](https://github.com/bigcommerce/stencil/pull/909)

diff --git a/assets/scss/components/stencil/productView/_productView.scss b/assets/scss/components/stencil/productView/_productView.scss
@@ -236,6 +236,7 @@
 //
 // 1. Align the product options list item radios vertically.
 // 2. Resetting font due to inline-block whitespace issue.
+// 3. File upload button does not properly display in IE if font-size is 0
 //
 // -----------------------------------------------------------------------------
 
@@ -262,6 +263,10 @@
         font-size: 0; // 2
         margin-bottom: 2rem;
 
+        input[type="file"] {
+            font-size: fontSize("smallest"); // 3
+        }
+
         // scss-lint:disable SelectorDepth, NestingDepth
         > .form-checkbox + .form-label,
         > .form-radio + .form-label {