Skip to content

Mj.tab style#1403

Merged
micahjones13 merged 2 commits intomainfrom
mj.tab-style
Jun 19, 2025
Merged

Mj.tab style#1403
micahjones13 merged 2 commits intomainfrom
mj.tab-style

Conversation

@micahjones13
Copy link
Copy Markdown
Collaborator

Brief Description

Adds a compact prop to rux-tabs that allows for the compact tab styling.

Motivation and Context

Update tabs to match designs in community file.

Issues and Limitations

Types of changes

  • Bug fix
  • New feature
  • Breaking change

Checklist

  • This PR adds or removes a Storybook story.
  • I have added tests to cover my changes.
  • Regressions are passing and/or failures are documented
  • Changes have been checked in evergreen browsers

@changeset-bot
Copy link
Copy Markdown

changeset-bot bot commented Jun 19, 2025

🦋 Changeset detected

Latest commit: de7ec64

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
Copy link
Copy Markdown

netlify bot commented Jun 19, 2025

Deploy Preview for astro-preview ready!

Name Link
🔨 Latest commit de7ec64
🔍 Latest deploy log https://app.netlify.com/projects/astro-preview/deploys/68543a9c0016c7000887ab4c
😎 Deploy Preview https://deploy-preview-1403--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 project configuration.

@netlify
Copy link
Copy Markdown

netlify bot commented Jun 19, 2025

Deploy Preview for astro-stencil ready!

Name Link
🔨 Latest commit de7ec64
🔍 Latest deploy log https://app.netlify.com/projects/astro-stencil/deploys/68543a9cb6bd6200082933f9
😎 Deploy Preview https://deploy-preview-1403--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 project configuration.

background: var(--color-background-surface-header);
padding: 0 var(--spacing-4) calc(var(--spacing-1) + 2px) var(--spacing-4); //0 16px 6px 16px
}
.rux-container__tab-bar-compact {
Copy link
Copy Markdown
Collaborator Author

Choose a reason for hiding this comment

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

Deals with the extra padding on tab-bar div. We don't want that with this new compact style.

@micahjones13 micahjones13 merged commit 0016be8 into main Jun 19, 2025
7 checks passed
@micahjones13 micahjones13 deleted the mj.tab-style branch June 19, 2025 17:39
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.

1 participant