RocketCommunicationsInc / astro

Astro UXDS is a collection of guidelines, patterns and components for designing space-based user interface applications.
https://astrouxds.com
Other
113 stars 25 forks source link

fix(rux-tree-node) update tree node height to match figma specs #1154

Closed kiley-mitti closed 1 year ago

kiley-mitti commented 1 year ago

Brief Description

Updated rux-tree-node to have 2px padding on the bottom as well as the top, bringing the total height up to 32px to bring it inline with figma specs.

JIRA Link

Astro-6158

Related Issue

General Notes

Motivation and Context

rux-tree-node was not technically using our 4px grid system as each node was 30px tall. This fix brings it inline with figma and also brings it into the 4px grid fold.

Issues and Limitations

This is a minor breaking change as it changes the dimensions of rux-tree

Types of changes

Checklist

changeset-bot[bot] commented 1 year ago

🦋 Changeset detected

Latest commit: 20077e6d6d5b8cc425c1f987e87e6cf16f99a505

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

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

netlify[bot] commented 1 year ago

Deploy Preview for astro-stencil ready!

Name Link
Latest commit 20077e6d6d5b8cc425c1f987e87e6cf16f99a505
Latest deploy log https://app.netlify.com/sites/astro-stencil/deploys/647e48463a8c520007a64edd
Deploy Preview https://deploy-preview-1154--astro-stencil.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 settings.

netlify[bot] commented 1 year ago

Deploy Preview for astro-preview ready!

Name Link
Latest commit 20077e6d6d5b8cc425c1f987e87e6cf16f99a505
Latest deploy log https://app.netlify.com/sites/astro-preview/deploys/647e4846357f1c0008ba479d
Deploy Preview https://deploy-preview-1154--astro-preview.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 settings.