Created by: rmacklin
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. (In fact, the easiest way may just be to change these z-indexes in the dev tools style editor - that's what I did before opening this PR.)
I also added a brief paragraph in the documentation about these z-indexes.