From 9e6dabbb106a8a84a0c910139f9705e1aeb9cb83 Mon Sep 17 00:00:00 2001 From: rmacklin Date: Fri, 20 Oct 2017 00:01:29 -0700 Subject: 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. --- docs/4.0/layout/overview.md | 2 ++ 1 file changed, 2 insertions(+) (limited to 'docs') diff --git a/docs/4.0/layout/overview.md b/docs/4.0/layout/overview.md index a357e58ad..4952da5b7 100644 --- a/docs/4.0/layout/overview.md +++ b/docs/4.0/layout/overview.md @@ -172,3 +172,5 @@ $zindex-tooltip: 1070 !default; ``` Background elements—like the backdrops that allow click-dismissing—tend to reside on a lower `z-index`s, while navigation and popovers utilize higher `z-index`s to ensure they overlay surrounding content. + +Additionally, the `button-group`, `input-group`, `list-group`, and `pagination` components make use of setting `z-index` to `1` or `2` in order to ensure that the borders of the _active_ element correctly appear "above" their sibling elements. -- cgit v1.2.3