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

fix: website button style bugs #3639

Closed

Conversation

alisonjoseph
Copy link
Member

Closes #3638
Closes #3637

Changelog

Add style override for switcher / switcher close icon button
Add style to fix overflow menu on color page

@vercel
Copy link

vercel bot commented Jul 11, 2023

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name Status Preview Comments Updated (UTC)
carbondesignsystem ✅ Ready (Inspect) Visit Preview 💬 Add feedback Jul 11, 2023 7:53pm

// Header icon style fix needed because the Carbon website is on a
// newer version of Carbon vs. the Gatsby theme
// If the Gatsby theme is updated to use latest Carbon, this
// shouldn't be needed
Copy link
Member

Choose a reason for hiding this comment

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

It looks like 3.1.2 was just released for gatsby-theme-carbon which bumps the @carbon version to 1.32.0. Should we try updating that and see if the issue resolves itself?

Copy link
Member Author

@alisonjoseph alisonjoseph Jul 12, 2023

Choose a reason for hiding this comment

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

Just checked, both issues are still there 😓 - not sure why this issue isn't showing up on Gatsby

Copy link
Member

@laurenmrice laurenmrice left a comment

Choose a reason for hiding this comment

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

  • The tooltip should be set to aligntop-rightto avoid the off centering and the tooltip needs to be 4px above the overflow menu icon button instead of overlapping with the button.
Screenshot 2023-07-12 at 12 55 09 PM
  • When the overflow menu is open, the background of the overflow menu icon button should be the same color as the row items.
Frame 2

@alisonjoseph
Copy link
Member Author

alisonjoseph commented Jul 12, 2023

@tw15egan The original bugs seem to be gone on the website since the latest update to 1.33.2. Thanks for pointing that out @francinelucca So weird.

@laurenmrice I'll open a new PR to fix the issues in your comment. I think those are unrelated to whatever else was happening.

@laurenmrice
Copy link
Member

Oh okay gotcha, thanks @alisonjoseph

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.

UI shell header: App switcher icon has a bug on website Color page: tokens tab has overflow menu bug
3 participants