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

feat(Table): new colors on zebra and hover #3147

Merged
merged 6 commits into from
Feb 18, 2025
Merged

feat(Table): new colors on zebra and hover #3147

merged 6 commits into from
Feb 18, 2025

Conversation

Barsnes
Copy link
Member

@Barsnes Barsnes commented Feb 13, 2025

resolves #2828

Copy link

changeset-bot bot commented Feb 13, 2025

🦋 Changeset detected

Latest commit: 47bbb49

The changes in this PR will be included in the next version bump.

This PR includes changesets to release 4 packages
Name Type
@digdir/designsystemet-css Patch
@digdir/designsystemet Patch
@digdir/designsystemet-theme Patch
@digdir/designsystemet-react Patch

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

@Barsnes Barsnes marked this pull request as ready for review February 13, 2025 14:13
Copy link
Contributor

github-actions bot commented Feb 13, 2025

Preview deployments for this pull request:

Storybook - 18. Feb 2025 - 12:59

Copy link
Contributor

github-actions bot commented Feb 13, 2025

Coverage Report

Status Category Percentage Covered / Total
🔵 Lines 50.33% 3206 / 6369
🔵 Statements 50.33% 3206 / 6369
🔵 Functions 85.31% 215 / 252
🔵 Branches 77.93% 558 / 716
File CoverageNo changed files found.
Generated in workflow #2111 for commit 47bbb49 by the Vitest Coverage Report Action

@@ -12,7 +12,7 @@
--dsc-table-divider-border-width: calc(var(--ds-border-width-default) + 1px);
--dsc-table-header-background--hover: var(--ds-color-surface-tinted);
--dsc-table-header-background--sorted: var(--ds-color-background-tinted);
--dsc-table-header-background: var(--ds-color-background-default);
--dsc-table-header-background: transparent;
Copy link
Collaborator

Choose a reason for hiding this comment

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

as mentioned on slack, this makes sticky header also transparent.

image

Copy link
Member Author

Choose a reason for hiding this comment

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

Copy link
Collaborator

Choose a reason for hiding this comment

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

Suggest keep it transparent for now and then add a background later if someone has a problem with it. Add a section in the docs about needing to add a background color on thead that matches your background color if you plan on using stickyHeader?

Copy link
Member Author

Choose a reason for hiding this comment

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

I disagree, it makes no sense for us to release an unfinished feature.
I'd rather add a bakground only to the header, or remove the sticky header feature completely

Copy link
Collaborator

@mimarz mimarz Feb 18, 2025

Choose a reason for hiding this comment

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

Jepp, as discussed on daily 17-18 feb. Lets add a background-default color as default, since you either way have to change a background color if it does not match, this way it may be ok for most people, and they don't need to change the color.

@mimarz mimarz requested a review from oddvernes as a code owner February 18, 2025 11:15
@mimarz mimarz merged commit dba4376 into next Feb 18, 2025
10 checks passed
@mimarz mimarz deleted the table/colors branch February 18, 2025 12:01
mimarz added a commit that referenced this pull request Feb 21, 2025
Co-authored-by: Michael Marszalek <mimarz@gmail.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Change zebra stripes in table to use surface-tinted
2 participants