-
Notifications
You must be signed in to change notification settings - Fork 22
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(pagination): Colors, right to left demo, and logical properties #2116
base: staging/cubone
Are you sure you want to change the base?
fix(pagination): Colors, right to left demo, and logical properties #2116
Conversation
🦋 Changeset detectedLatest commit: a7e352d The changes in this PR will be included in the next version bump. This PR includes changesets to release 1 package
Not sure what this means? Click here to learn what changesets are. Click here if you're a maintainer who wants to add another changeset to this PR |
✅ Deploy Preview for red-hat-design-system ready!
To edit notification comments on pull requests, go to your Netlify site configuration. |
Size Change: +6 B (0%) Total Size: 208 kB
ℹ️ View Unchanged
|
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
really like the logical properties! nice work!
Let's find a more comprehensive solution for the computed theme properties, one that doesn't require us to disable lint rules.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
The docs pages must specify that rh-surface is required. It may be also indicated that this requirement could be relaxed in the future.
@@ -0,0 +1,5 @@ | |||
--- | |||
"@rhds/elements": minor |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
"@rhds/elements": minor | |
"@rhds/elements": patch |
"@rhds/elements": minor | ||
--- | ||
|
||
`<rh-pagination>`: fix pagination colors by wrapping elements in `<rh-surface>`, use logical properties |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
`<rh-pagination>`: fix pagination colors by wrapping elements in `<rh-surface>`, use logical properties | |
`<rh-pagination>`: improves layouts for non-left-to-right languages |
The addition to surface isn't germane to the changelog, since it's a docs issue. However the use of logical properties is a user-facing improvement, so it's helpful to describe here what the benefit of the change is.
What I did
<a>
tags in theopen
variantwidth
/height
/top
/bottom
etc to use logical propertiesTesting Instructions
<input>
Notes to Reviewers
Ensure that this is the proper way to handle adding fallback colors to things like
--rh-color-interactive-primary-default
.Note: the color context demo on uxdot works because the component is wrapped in a<rh-surface>
. These fallbacks are in place for when the component is not wrapped in a<rh-surface>
component.Update: we're now wrapping each pagination in a
<rh-surface>
component.