From 864c657488e2ec292c45c2d49322987ba3d56b3a Mon Sep 17 00:00:00 2001
From: Mark Otto <markd.otto@gmail.com>
Date: Sun, 1 Oct 2017 21:20:47 -0700
Subject: [PATCH] Fix buttons that come after the input (input should be under
the button)
---
scss/_input-group.scss | 6 ++++++
1 file changed, 6 insertions(+)
diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 8afff4c686..a1d16e3848 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;
--
GitLab