8000 fix(card): move borders to pseudoelement by evwilkin · Pull Request #6705 · patternfly/patternfly · GitHub
[go: up one dir, main page]

Skip to content

fix(card): move borders to pseudoelement#6705

Merged
mcoker merged 3 commits intopatternfly:v6from
evwilkin:fix/6234-card-borders
Jun 11, 2024
Merged

fix(card): move borders to pseudoelement#6705
mcoker merged 3 commits intopatternfly:v6from
evwilkin:fix/6234-card-borders

Conversation

@evwilkin
Copy link
Member

Closes #6234

This PR:

  • Moves Card borders to ::before pseudoelement
  • Removes two unneeded revert rules

@patternfly-build
Copy link
Collaborator
patternfly-build commented May 29, 2024

@evwilkin evwilkin linked an issue May 29, 2024 that may be closed by this pull request
@evwilkin evwilkin marked this pull request as ready for review May 29, 2024 15:17
@evwilkin evwilkin requested a review from srambach May 29, 2024 19:54
@evwilkin
Copy link
Member Author

@srambach I ended up removing 2 unneeded revert rules but the remaining two do look to work as expected compared to the Figma designs. If I missed or misunderstood anything with this just lmk!

@srambach
Copy link
Member

I think those reverts were there because on clickable and selectable cards, there should not be a border when the checkbox is checked, only when it's pf-m- 8000 current. You can see the difference on https://patternfly-pr-6705.surge.sh/components/card/#clickable-and-selectable vs. https://pf6.patternfly.org/components/card#clickable-and-selectable (click the checkbox on the first card)

@evwilkin
Copy link
Member Author

@srambach you're right, I was testing this incorrectly locally so thanks for pointing this out. I don't see the background color rule having any effect, but I added back both removed rules out as maybe the background is affected outside of the use case in the example?

The border revert rules are definitely needed to prevent the border color & size changes on focus-visible/selected. 👍

Copy link
Member
@srambach srambach left a comment

Choose a reason for hiding this comment

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

Thanks! 🎴

Copy link
Member
@srambach srambach left a comment

Choose a reason for hiding this comment

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

Actually, one sec - I'm seeing a flash when the checkbox is checked now https://patternfly-pr-6705.surge.sh/components/card/#selectable

Nope nevermind - artifact of the inspector apparently.

@mcoker mcoker merged commit 9b52c8b into patternfly:v6 Jun 11, 2024
@mcoker mcoker mentioned this pull request Jun 11, 2024
@patternfly-build
Copy link
Collaborator

🎉 This PR is included in version 6.0.0-alpha.155 🎉

The release is available on:

Your semantic-release bot 📦🚀

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Card - refactor border

4 participants

0