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.

Sign up for GitHub

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

Jump to bottom

[subplat][tailwind] Component - PaymentErrorView - Conversion #13583

Closed
data-sync-user opened this issue Jul 11, 2022 · 0 comments · Fixed by #13745
Closed

[subplat][tailwind] Component - PaymentErrorView - Conversion #13583

data-sync-user opened this issue Jul 11, 2022 · 0 comments · Fixed by #13745
Labels
qa+ Critical flow or high chance of regression. QA should focus on testing this issue.

Comments

@data-sync-user
Copy link
Collaborator

data-sync-user commented Jul 11, 2022 •
edited
Loading

Requirements

  1. Replace all CSS/SCSS with Tailwind utility classes
  2. For classes that are not a quick lift, update the Page and component sheet mentioning what classes were not updated.
  3. Remove .css and .scss file
  4. Rework Storybook files as discussed in https://mozilla-hub.atlassian.net/browse/FXA-5080
  5. Do not add additional stories. Only rework the existing one.

┆Issue is synchronized with this Jira Task
sardesam pushed a commit that referenced this issue Jul 25, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
90617e6 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
@sardesam sardesam mentioned this issue Jul 25, 2022
Merged
4 tasks
sardesam pushed a commit that referenced this issue Jul 28, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
33b736e 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
sardesam pushed a commit that referenced this issue Jul 28, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
86c7481 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
sardesam pushed a commit that referenced this issue Jul 28, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
6b5febb 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
sardesam pushed a commit that referenced this issue Jul 29, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
113e5b3 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
sardesam pushed a commit that referenced this issue Jul 29, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
bca87c0 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
sardesam pushed a commit that referenced this issue Jul 29, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
d8f601d 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
sardesam pushed a commit that referenced this issue Jul 29, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
2d1f643 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
sardesam pushed a commit that referenced this issue Jul 30, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
6160087 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
sardesam pushed a commit that referenced this issue Aug 1, 2022
refactor(payments): update PaymentErrorView component to utilize Tail…
fe981da 
…wind

Because:

* We want to convert to Tailwind across fxa for consistency and to improve overall maintenance
* We want to improve responsiveness and UI/UX
* We want to improve accessibility

This commit:

* Replaces all CSS/SCSS with Tailwind utility classes
* Removes .css and .scss files
* Reworks Storybook files

Closes #13583
@data-sync-user data-sync-user added the qa+ Critical flow or high chance of regression. QA should focus on testing this issue. label Aug 3, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
qa+ Critical flow or high chance of regression. QA should focus on testing this issue.
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

refactor(payments): update PaymentErrorView to utilize Tailwind mozilla/fxa
1 participant
@data-sync-user