Skip to content

B
bootstrap
Commit 3b5e0c9a authored by Tobias Lindig's avatar Tobias Lindig
Browse files
Options

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

parent a6b5c7db
Show whitespace changes
Inline Side-by-side
Showing with 7 additions and 4 deletions
dist/css/bootstrap.css
View file @ 3b5e0c9a
......@@ -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 {
......
dist/css/bootstrap.min.css
View file @ 3b5e0c9a
This source diff could not be displayed because it is too large. You can view the blob instead.
less/input-groups.less
View file @ 3b5e0c9a
......@@ -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,
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment