diff options
| author | rmacklin <richard.github@nrm.com> | 2017-10-20 10:01:29 +0300 |
|---|---|---|
| committer | XhmikosR <xhmikosr@gmail.com> | 2017-10-20 10:01:29 +0300 |
| commit | 9e6dabbb106a8a84a0c910139f9705e1aeb9cb83 (patch) | |
| tree | 2ec8af1a4c0bdc540d8affb699b706792430e76b /scss/_button-group.scss | |
| parent | 35317a4331f5bbc7bbf3ccdbba53f57d670afc7a (diff) | |
Reduce z-indexes in button-group, input-group, list-group, and pagination to the minimum necessary (#24315)
These were using `z-index: 2` to "Place active items above their
siblings for proper border styling". However, using `z-index: 1` is
sufficient for accomplishing that goal.
In input-group, there were also three `z-index: 3` rules for the
hover/focus/active states. I reduced these to `z-index: 2` since they
just needed to be "one more than normal" (i.e. one more than what is now
`z-index: 1` after my changes).
These changes can be verified by viewing the documentation pages for
Button group, Input group, List group, and Pagination before and after
this commit and observing that the active elements are still "above"
their siblings, so their borders look correct.
Diffstat (limited to 'scss/_button-group.scss')
| -rw-r--r-- | scss/_button-group.scss | 4 |
1 files changed, 2 insertions, 2 deletions
diff --git a/scss/_button-group.scss b/scss/_button-group.scss index 1a373f3232..4dcd9aa67c 100644 --- a/scss/_button-group.scss +++ b/scss/_button-group.scss @@ -14,12 +14,12 @@ // Bring the hover, focused, and "active" buttons to the front to overlay // the borders properly @include hover { - z-index: 2; + z-index: 1; } &:focus, &:active, &.active { - z-index: 2; + z-index: 1; } } |