From e1ca6b601326a3ec1629c92b6608ca955297757e Mon Sep 17 00:00:00 2001 From: Mario Campa Date: Fri, 17 Feb 2017 15:00:41 -0800 Subject: [PATCH] STENCIL-2439 File upload button does not properly display in IE if font-size is 0 --- CHANGELOG.md | 1 + assets/scss/components/stencil/productView/_productView.scss | 5 +++++ 2 files changed, 6 insertions(+) diff --git a/CHANGELOG.md b/CHANGELOG.md index e1e4c70121..a946c40875 100644 --- 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 index 46be6f94b3..bd0434e186 100644 --- 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 // // ----------------------------------------------------------------------------- @@ -258,6 +259,10 @@ display: inline; } + input[type="file"] { + font-size: fontSize("smallest"); // 3 + } + .form-field { font-size: 0; // 2 margin-bottom: 2rem;