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: Components styles and update data attributes #1287

Merged
merged 7 commits into from
May 13, 2022

Conversation

hellofanny
Copy link
Contributor

@hellofanny hellofanny commented May 12, 2022

What's the purpose of this pull request?

I've noticed that some components' styles were broken in our documentation and found that we missed some updates after the changes made on this PR a while ago.

We changed multiple components' data attributes to enforce a new pattern, and we removed store from the inner components/elements' data attributes. Still, we forgot to update them in some places.

Note: The Card component is also broken but addressed on another PR

How it works?

This PR should fix some styles and updates some docs.

Before After
Accordion before-accordion after-accordion
Banner before-banner after-banner
Slider before-slider after-slider
Table before-table after-table

How to test it?

You can compare the components listed above in the current documentation and the preview.

@vercel
Copy link

vercel bot commented May 12, 2022

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

Name Status Preview Updated
faststore ✅ Ready (Inspect) Visit Preview May 12, 2022 at 1:14PM (UTC)

@hellofanny hellofanny changed the title Fix: Component styles and update data attributes Fix: Components styles and update data attributes May 12, 2022
@apply bg-transparent text-gray-800;
@apply hover:text-pink-600;
[data-accordion-button] {
color: #171a1c;
Copy link
Contributor Author

Choose a reason for hiding this comment

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

I do update this stylesheet. But this was not this task's purpose. So I decided to do it separately later.

@hellofanny hellofanny marked this pull request as ready for review May 12, 2022 01:15
@hellofanny hellofanny requested a review from a team as a code owner May 12, 2022 01:15
Copy link
Contributor

@mariana-caetano mariana-caetano left a comment

Choose a reason for hiding this comment

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

LGTM, Fanny! 🚀
I've just committed a minor fix on the Accordion documentation.

@codesandbox-ci
Copy link

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit 29de70e:

Sandbox Source
Store UI Typescript Configuration

@mariana-caetano mariana-caetano added the documentation Improvements or additions to documentation label May 12, 2022
@hellofanny hellofanny self-assigned this May 12, 2022
@hellofanny hellofanny merged commit dd63321 into main May 13, 2022
@hellofanny hellofanny deleted the fix/FSSS-3351-fix-component-styles branch May 13, 2022 15:42
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
documentation Improvements or additions to documentation
Projects
None yet
Development

Successfully merging this pull request may close these issues.

2 participants