From 0bf07a2b0f801d6636e3e5cb41dbbb482ce765cd Mon Sep 17 00:00:00 2001 From: Tim Hartwick Date: Fri, 11 Dec 2015 17:19:37 -0800 Subject: [PATCH] fixed the input group radiusissue seen in issue #7448 --- scss/forms/_input-group.scss | 15 +++++++++++++++ 1 file changed, 15 insertions(+) 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 { -- 2.47.2