From: Ondřej Vašíček <mail@ondrejvasicek.cz>
Date: Tue, 7 Jun 2016 10:20:12 +0000 (+0200)
Subject: Fix proportions of children in input-group
X-Git-Tag: v6.2.4-rc1~44^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=b7a43562e271bc7c6455efb87bd3dc246446c44f;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

Fix proportions of children in input-group

If I understand flex model correctly, there is no need to force the ‘.input-group-field‘ item to have certain width. Actually it breaks the design in some cases.

The point is, the flexbox container calculates the width of its items itself. If we set flex-grow to 1 for ‘.input-group-field‘ (which we did), the flexbox gives that item “width priority” over the rest, which is set 0 (default).
---

diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss
index 04a86ae59..66b561b32 100644
--- a/scss/forms/_input-group.scss
+++ b/scss/forms/_input-group.scss
@@ -91,7 +91,6 @@ $input-prefix-padding: 1rem !default;
     // scss-lint:disable ZeroUnit
     @if $global-flexbox {
       flex: 1 1 0px;
-      width: auto;
       height: auto;
     }
     @else {