0
0
mirror of https://github.com/twbs/bootstrap.git synced 2025-01-29 21:52:22 +01:00

hide space characters in input-group-btn to fix segmented buttons double border

This commit is contained in:
Tobias Lindig 2013-12-10 16:47:12 +01:00
parent a6b5c7db12
commit 3b5e0c9a3c
3 changed files with 7 additions and 4 deletions

View File

@ -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 {

File diff suppressed because one or more lines are too long

View File

@ -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,