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

WIP: Refactor button styling #1543

Closed
wants to merge 5 commits into from
Closed

WIP: Refactor button styling #1543

wants to merge 5 commits into from

Conversation

jamesmockett
Copy link
Contributor

What are you changing?

  • Removes CSS overrides for icon / spinner size and colour in favour of size and theme prop
  • Removes isLoading and loadingAnnouncement props from LinkButton as these are unsupported
  • Refactors styles to simplify and remove duplication

Why?

  • Using props rather than CSS overrides makes styling more predictable
  • Simplifying the styles makes things easier to understand and update

To do

  • Replace spacer <div>

Copy link

changeset-bot bot commented Jun 13, 2024

⚠️ No Changeset found

Latest commit: fa45364

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@jamesmockett jamesmockett self-assigned this Jun 13, 2024
Copy link
Contributor

Tip

Once this PR is ready to go, add the run_chromatic label to run the Chromatic tests.

This saves us a lot of money by not running the tests before we need them.

@github-actions github-actions bot added the 📦 npm Affects a @guardian package on NPM label Jun 13, 2024
@jamesmockett jamesmockett added 🎨 Design System 🙅 Do not merge and removed 📦 npm Affects a @guardian package on NPM labels Jun 13, 2024
@jamesmockett jamesmockett linked an issue Jun 13, 2024 that may be closed by this pull request
@github-actions github-actions bot added the 📦 npm Affects a @guardian package on NPM label Jun 13, 2024
Copy link
Contributor

"This PR was marked stale because it has been open for 30 days without activity. If nothing happens, it will be closed 3 days from now."

@github-actions github-actions bot added the Stale label Jul 14, 2024
Copy link
Contributor

This PR was closed because nothing happened for 3 days after becoming stale.

@github-actions github-actions bot closed this Jul 18, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Remove icon style overrides from Button component
1 participant