Skip to content
GitLab
Commit 3b5e0c9a authored by Tobias Lindig's avatar Tobias Lindig
Browse files

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

parent a6b5c7db
Expand all Hide whitespace changes
Inline Side-by-side
Showing
with 7 additions and 4 deletions
+7 -4
dist/css/bootstrap.css
+ 2
- 1
View file @ 3b5e0c9a
...@@ -3301,6 +3301,7 @@ textarea.input-group-sm > .input-group-btn > .btn { ...@@ -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 { ...@@ -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 {
......
dist/css/bootstrap.min.css
+ 1
- 1
View file @ 3b5e0c9a
This diff is collapsed.
less/input-groups.less
+ 4
- 2
View file @ 3b5e0c9a
...@@ -112,7 +112,10 @@ ...@@ -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 @@ ...@@ -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,
......
Supports Markdown
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