From 02ae73fc0fc21049ea4199dfda18c87c9b709e52 Mon Sep 17 00:00:00 2001
From: Patrick Yeo <patrick.yeo@liferay.com>
Date: Mon, 1 May 2017 17:59:21 -0700
Subject: [PATCH] Apply `align-items: center;` to `.input-group` instead of
input group sub components, causes `.input-group .form-control` and
`.input-group-addon` to be large when next to a tall element
---
scss/_input-group.scss | 5 +----
1 file changed, 1 insertion(+), 4 deletions(-)
diff --git a/scss/_input-group.scss b/scss/_input-group.scss
index 4d3fec656d..40bc50a537 100644
--- a/scss/_input-group.scss
+++ b/scss/_input-group.scss
@@ -5,6 +5,7 @@
.input-group {
position: relative;
display: flex;
+ align-items: center;
width: 100%;
.form-control {
@@ -28,10 +29,6 @@
.input-group-addon,
.input-group-btn,
.input-group .form-control {
- // Vertically centers the content of the addons within the input group
- display: flex;
- align-items: center;
-
&:not(:first-child):not(:last-child) {
@include border-radius(0);
}
--
GitLab