Skip to content

[SG-29316] refactor: scoped styles for the Button component

Administrator requested to merge contractors/SG-29316 into main

Created by: gitstart-sourcegraph

Problem statement

The <button> component relies on our global styles defined in client/branded/src/global-styles/buttons.scss.

Links

Gitstart

Success criteria

The </button><button> component relies on the CSS module located in the same folder as the React component.

Implementation details

  1. Copy relevant styles from ### client/branded/src/global-styles/buttons.scss to client/wildcard/src/components/Button/Button.moculde.scss.
  2. Use them in the component logic instead of global classes.
  3. Use the `` Wildcard component as an example.

Time estimate

  • Pull requests with ~450 lines changed should take 3 hours at maximum. Ping the reviewer in the spec pull request if time-consuming changes are required.
  • Split the work into multiple pull requests if the total diff is bigger than 450 lines of code.

Client's PR

https://github.com/sourcegraph/sourcegraph/pull/29347

Merge request reports