mirror_css/bootstrap
1
0
Fork 0
mirror of https://github.com/twbs/bootstrap.git synced 2025-08-21 12:51:52 +02:00
Code Issues Releases Wiki Activity

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 { .input-group-btn {
position: relative; position: relative;
font-size: 0;
white-space: nowrap; white-space: nowrap;
} }
.input-group-btn:first-child > .btn { .input-group-btn:first-child > .btn {
@@ -3313,7 +3314,7 @@ textarea.input-group-sm > .input-group-btn > .btn {
position: relative; position: relative;
} }
.input-group-btn > .btn + .btn { .input-group-btn > .btn + .btn {
margin-left: -4px; margin-left: -1px;
} }
.input-group-btn > .btn:hover, .input-group-btn > .btn:hover,
.input-group-btn > .btn:active { .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 { .input-group-btn {
position: relative; position: relative;
// Jankily prevent input button groups from wrapping
white-space: nowrap; 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 // Negative margin to only have a 1px border between the two
&:first-child > .btn { &:first-child > .btn {
@@ -124,9 +127,8 @@
} }
.input-group-btn > .btn { .input-group-btn > .btn {
position: relative; position: relative;
// Jankily prevent input button groups from wrapping
+ .btn { + .btn {
margin-left: -4px; margin-left: -1px;
} }
// Bring the "active" button to the front // Bring the "active" button to the front
&:hover, &:hover,