From a15c24410be8b94671dcfc3b154e0034a3aaf35f Mon Sep 17 00:00:00 2001 From: Mark Otto Date: Sun, 9 Mar 2014 21:25:51 -0700 Subject: Fixes #12759 MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Ensures proper sizing and alignment of input groups within inline and navbar forms. * Uses `inline-table` on the input group * Nukes the widths to `width: auto`—without this, the parent input group doesn’t size correctly and functions as `display: table;` or `block` --- dist/css/bootstrap-rtl.css | 22 ++++++++++++++++++++++ 1 file changed, 22 insertions(+) (limited to 'dist/css/bootstrap-rtl.css') diff --git a/dist/css/bootstrap-rtl.css b/dist/css/bootstrap-rtl.css index 9a118ffa5..7b1da09f1 100644 --- a/dist/css/bootstrap-rtl.css +++ b/dist/css/bootstrap-rtl.css @@ -3339,6 +3339,17 @@ select[multiple].input-lg { vertical-align: middle; } + .form-inline .input-group { + display: inline-table; + vertical-align: middle; + } + + .form-inline .input-group .input-group-addon, + .form-inline .input-group .input-group-btn, + .form-inline .input-group .form-control { + width: auto; + } + .form-inline .input-group > .form-control { width: 100%; } @@ -4902,6 +4913,17 @@ select[multiple].input-group-sm > .input-group-btn > .btn { vertical-align: middle; } + .navbar-form .input-group { + display: inline-table; + vertical-align: middle; + } + + .navbar-form .input-group .input-group-addon, + .navbar-form .input-group .input-group-btn, + .navbar-form .input-group .form-control { + width: auto; + } + .navbar-form .input-group > .form-control { width: 100%; } -- cgit v1.2.3