hide space characters in input-group-btn to fix segmented buttons dou…

…ble border
twbs · Dec 10, 2013 · 3b5e0c9 · 3b5e0c9
1 parent a6b5c7d
commit 3b5e0c9
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 4 deletions.
diff --git a/dist/css/bootstrap.css b/dist/css/bootstrap.css
@@ -3301,6 +3301,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
 }
 .input-group-btn {
   position: relative;
+  font-size: 0;
   white-space: nowrap;
 }
 .input-group-btn:first-child > .btn {
@@ -3313,7 +3314,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
   position: relative;
 }
 .input-group-btn > .btn + .btn {
-  margin-left: -4px;
+  margin-left: -1px;
 }
 .input-group-btn > .btn:hover,
 .input-group-btn > .btn:active {

diff --git a/dist/css/bootstrap.min.css b/dist/css/bootstrap.min.css
diff --git a/less/input-groups.less b/less/input-groups.less
@@ -112,7 +112,10 @@
 // -------------------------
 .input-group-btn {
   position: relative;
+  // Jankily prevent input button groups from wrapping
   white-space: nowrap;
+  // in combination with inline-blocks and nowrap, space characters would take visible space
+  font-size: 0;
 
   // Negative margin to only have a 1px border between the two
   &:first-child > .btn {
@@ -124,9 +127,8 @@
 }
 .input-group-btn > .btn {
   position: relative;
-  // Jankily prevent input button groups from wrapping
   + .btn {
-    margin-left: -4px;
+    margin-left: -1px;
   }
   // Bring the "active" button to the front
   &:hover,