Skip to content

Conversation

@anechol
Copy link
Contributor

@anechol anechol commented Mar 26, 2025

Description

Updates Pine Table styles to match Figma component.

DSS-1341

Type of change

  • Styles (adds, updates, or removes, component styles)

Before:
Screenshot 2025-03-26 at 11 33 02 AM

After:
Screenshot 2025-03-26 at 11 32 45 AM

How Has This Been Tested?

  • unit tests
  • e2e tests
  • accessibility tests
  • tested manually
  • other:

Test Configuration:

  • Pine versions:
  • OS:
  • Browsers:
  • Screen readers:
  • Misc:

Checklist:

If not applicable, leave options unchecked.

  • My code follows the style guidelines of this project
  • I have performed a self-review of my code
  • I have commented my code, particularly in hard-to-understand areas
  • I have made corresponding changes to the documentation
  • My changes generate no new warnings
  • I have added tests that prove my fix is effective or that my feature works
  • New and existing tests pass locally with my changes
  • Design has QA'ed and approved this PR

@anechol anechol self-assigned this Mar 26, 2025
@github-actions github-actions bot added the package: core Changes have been made to the Core package label Mar 26, 2025
@netlify
Copy link

netlify bot commented Mar 26, 2025

Deploy Preview for pine-design-system ready!

Name Link
🔨 Latest commit 2afb05e
🔍 Latest deploy log https://app.netlify.com/sites/pine-design-system/deploys/67e42c8bfc0b6a000896dad3
😎 Deploy Preview https://deploy-preview-409--pine-design-system.netlify.app
📱 Preview on mobile
Toggle QR Code...

QR Code

Use your smartphone camera to open QR code link.

To edit notification comments on pull requests, go to your Netlify site configuration.

@ju-Skinner ju-Skinner added the DO NOT MERGE Hold off on merging this label Mar 28, 2025
Copy link
Contributor

@QuintonJason QuintonJason left a comment

Choose a reason for hiding this comment

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

Nice work! Left some comments regarding logical properties and noticed

Screenshot 2025-05-02 at 9 12 14 AM

It doesn't show all the time, seems to based on screen width

selectable-border

// because it is in the ShadowDom
&::part(checkbox-cell) {
background-color: var(--pine-color-background-container);
border-top-left-radius: var(--pine-dimension-125);
Copy link
Contributor

Choose a reason for hiding this comment

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

Update to use logical properties

}

::slotted(pds-table-cell:first-child) {
border-bottom-left-radius: var(--pine-dimension-125);
Copy link
Contributor

Choose a reason for hiding this comment

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

Update to use logical properties

@anechol anechol removed their assignment Jun 13, 2025
@pixelflips pixelflips marked this pull request as draft June 26, 2025 16:05
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

DO NOT MERGE Hold off on merging this package: core Changes have been made to the Core package

Projects

None yet

Development

Successfully merging this pull request may close these issues.

4 participants