rev/bootstrap
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

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

Browse source
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
Download patch file Download diff file Expand all files Collapse all files

3
dist/css/bootstrap.css vendored
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 {

2
dist/css/bootstrap.min.css vendored
View file

File diff suppressed because one or more lines are too long

6
less/input-groups.less
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,