Skip to content

Move z-index from .list-group-item to .list-group-item-action - #27996

Merged
XhmikosR merged 2 commits into
twbs:v4-devfrom
ysds:patch-1
Jan 8, 2019
Merged

XhmikosR merged 2 commits into
twbs:v4-devfrom
ysds:patch-1

Conversation

@ysds

@ysds ysds commented Jan 7, 2019 •

Copy link
Copy Markdown
Contributor

It is more make sense if z-index is defined to .list-group-item-action not .list-group-item.

And remove redundant text-decoration: none;

This fixes #25446, hopefully also #25206.

@ysds
ysds requested a review from a team as a code owner January 7, 2019 15:35
@mdo

mdo commented Jan 7, 2019

Copy link
Copy Markdown
Member

z-index: 1 is there to ensure that each subsequent list group item lays above the previous—that way the borders overlap as intended. Probably fine like this, too, but we should confirm no adverse affects to the standard items.

@ysds

ysds commented Jan 7, 2019 •

Copy link
Copy Markdown
Contributor Author

Before: https://codepen.io/anon/pen/ebrqWJ
After: https://codepen.io/anon/pen/jXxjOY

Based on my experience working on z-index of bootstrap, seems fine to me I think, but would like feedback and more test case.

@MartijnCuppens

Copy link
Copy Markdown
Member

Here's another testcase with links, which looks fine:
https://codepen.io/MartijnCuppens/pen/aPKzyp?editors=1100

@MartijnCuppens MartijnCuppens left a comment

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Couldn't find anything that could go wrong.

@mdo mdo mentioned this pull request Jan 8, 2019
@XhmikosR
XhmikosR merged commit dc43642 into twbs:v4-dev Jan 8, 2019
@ysds
ysds deleted the patch-1 branch January 8, 2019 05:31
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants