From 69bc614bd0805bedcb597b68c93f083d0b384711 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..6a1be390c9 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 // // ----------------------------------------------------------------------------- @@ -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 {