aboutsummaryrefslogtreecommitdiff
diff options
context:
space:
mode:
authorMark Otto <[email protected]>2017-10-01 21:20:47 -0700
committerMark Otto <[email protected]>2017-10-02 20:47:15 -0700
commit864c657488e2ec292c45c2d49322987ba3d56b3a (patch)
treef2f0867ce746738951a3fac959958e33b1ff0725
parentbf01f27554a22c26f67cc256e4aaf6515e1220a8 (diff)
downloadbootstrap-864c657488e2ec292c45c2d49322987ba3d56b3a.tar.xz
bootstrap-864c657488e2ec292c45c2d49322987ba3d56b3a.zip
Fix buttons that come after the input (input should be under the button)
-rw-r--r--scss/_input-group.scss6
1 files changed, 6 insertions, 0 deletions
diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 8afff4c68..a1d16e384 100644
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -171,6 +171,12 @@
z-index: 2;
// remove nagative margin ($input-btn-border-width) to solve overlapping issue with button.
margin-left: 0;
+
+ // When input is first, overlap the right side of it with the button(-group)
+ &:first-child {
+ margin-left: (-$input-btn-border-width);
+ }
+
// Because specificity
@include hover-focus-active {
z-index: 3;