Skip to content

chore(datalist): reduce mobile borders to 2px#6615

Merged
mcoker merged 2 commits into
patternfly:v6from
evwilkin:chore/6555-datalist-border
May 8, 2024
Merged

chore(datalist): reduce mobile borders to 2px#6615
mcoker merged 2 commits into
patternfly:v6from
evwilkin:chore/6555-datalist-border

Conversation

@evwilkin

@evwilkin evwilkin commented May 3, 2024

Copy link
Copy Markdown
Member

Closes #6555

This PR updates the default DataList and DataListItem borders from --pf-t--global--spacer--sm to --pf-t--global--border--width--strong

@patternfly-build

patternfly-build commented May 3, 2024

Copy link
Copy Markdown
Collaborator

@evwilkin evwilkin requested review from mattnolting and srambach May 3, 2024 17:43

@mcoker mcoker left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

Looks like there is a semantic token that fits the bill here

--pf-t--global--border--width--strong: var(--pf-t--global--border--width--200);

The --[100-900] (or whatever the range is) tokens are what we refer to as "base" tokens (similar to color palette vars) and in general we try to avoid using them unless there is no other/more appropriate semantic variable available.

Comment thread src/patternfly/components/DataList/data-list.scss Outdated
Comment thread src/patternfly/components/DataList/data-list.scss Outdated
@kmcfaul kmcfaul linked an issue May 8, 2024 that may be closed by this pull request
@evwilkin

evwilkin commented May 8, 2024

Copy link
Copy Markdown
Member Author

@mcoker thanks for the help finding the best token (and the additional context), updates made based on your suggestions 👍

@evwilkin evwilkin requested a review from mcoker May 8, 2024 14:38

@mcoker mcoker left a comment

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

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

L🍕TM!!

@mcoker mcoker requested a review from kaylachumley May 8, 2024 15:14

@kaylachumley kaylachumley left a comment

Copy link
Copy Markdown

Choose a reason for hiding this comment

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

looks great! thanks!

@mcoker mcoker merged commit 0747e62 into patternfly:v6 May 8, 2024
@patternfly-build

Copy link
Copy Markdown
Collaborator

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

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.

DataList - decrease border for mobile version

4 participants