Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fix for double border card header + list-group #23477

Merged
merged 5 commits into from
Aug 20, 2017

Conversation

gijsbotje
Copy link
Contributor

@gijsbotje gijsbotje commented Aug 15, 2017

fixes the doubled up border when a card-header precedes a list-group
fixes #21609

@royklutman
Copy link
Contributor

.card-header + .list-group > li:first-child,
.card-header + .list-group > a:first-child {
  border: 0;
 }

This fixes the .list-groups with links too.

@gijsbotje
Copy link
Contributor Author

@royklutman added your suggestion 👍

1. Instead of having two selectors, we use the `.list-group-item` class and have coverage for list items and anchors.
2. Rather than override all border values, we only override what we set with `border-top`.
@mdo
Copy link
Member

mdo commented Aug 20, 2017

Tweaked the CSS and selector just now. Demo at https://codepen.io/emdeoh/pen/KvoqxZ.

@mdo mdo merged commit 834ee9b into twbs:v4-dev Aug 20, 2017
@mdo mdo mentioned this pull request Aug 20, 2017
@gijsbotje gijsbotje deleted the fix/double-border-card-header branch August 21, 2017 16:43
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