From: Tim Hartwick <tdhartwick2@gmail.com>
Date: Sat, 12 Dec 2015 01:19:37 +0000 (-0800)
Subject: fixed the input group radiusissue seen in issue #7448
X-Git-Tag: v6.0.6~31^2
X-Git-Url: http://git.ipfire.org/cgi-bin/gitweb.cgi?a=commitdiff_plain;h=0bf07a2b0f801d6636e3e5cb41dbbb482ce765cd;p=thirdparty%2Ffoundation%2Ffoundation-sites.git

fixed the input group radiusissue seen in issue #7448
---

diff --git a/scss/forms/_input-group.scss b/scss/forms/_input-group.scss
index ed2179cfb..f8971ee2d 100644
--- a/scss/forms/_input-group.scss
+++ b/scss/forms/_input-group.scss
@@ -22,10 +22,23 @@ $input-prefix-border: 1px solid $medium-gray !default;
 $input-prefix-padding: 1rem !default;
 
 @mixin foundation-form-prepostfix {
+  $height: ($input-font-size + $form-spacing * 1.5);
+
+
   .input-group {
     display: table;
     width: 100%;
     margin-bottom: $form-spacing;
+
+    & > *:first-child {
+      border-radius: $global-radius 0 0 $global-radius;
+    }
+
+    & > *:last-child {
+      & > * {
+        border-radius: 0 $global-radius $global-radius 0;
+      }
+    }
   }
 
   %input-group-child {
@@ -57,6 +70,8 @@ $input-prefix-padding: 1rem !default;
 
   .input-group-field {
     @extend %input-group-child;
+    border-radius: 0;
+    height: $height;
   }
 
   .input-group-button {