Skip to content
This repository was archived by the owner on Sep 30, 2024. It is now read-only.

web: move typography and button styles out from the .theme-redesign#22157

Merged
valerybugakov merged 8 commits intomainfrom
vb/typography-redesign-cleanup
Jul 19, 2021
Merged

web: move typography and button styles out from the .theme-redesign#22157
valerybugakov merged 8 commits intomainfrom
vb/typography-redesign-cleanup

Conversation

@valerybugakov
Copy link
Copy Markdown
Member

@valerybugakov valerybugakov commented Jun 17, 2021

Changes

  • Moved typography styles out from the .theme-redesign.
  • Moved button styles out from the .theme-redesign because they are connected to typography styles in the global scope.

Notes

Moving redesign styles out from the .theme-redesign class resulted in multiple issues because the specificity of the selectors dropped. It's a good thing because, with Chromatic screenshots, I was able to fix changes that are inconsistent with the current design system and fix a couple of truly broken parts. Take a look into the changeset — things changed are actual inconsistencies that were hidden previously.

Part of the https://github.com/sourcegraph/sourcegraph/issues/20847.
Closes https://github.com/sourcegraph/sourcegraph/issues/22597.
Closes https://github.com/sourcegraph/sourcegraph/issues/22598.

@valerybugakov valerybugakov added frontend-platform Issues related to our frontend platform, owned collectively by our frontend crew. design refresh Issues connected to the design refresh of 2021 labels Jun 17, 2021
@valerybugakov valerybugakov self-assigned this Jun 17, 2021
@valerybugakov valerybugakov force-pushed the vb/typography-redesign-cleanup branch from 0c16a0b to 32a9e53 Compare July 12, 2021 09:14
@valerybugakov valerybugakov force-pushed the vb/typography-redesign-cleanup branch from 32a9e53 to e987b81 Compare July 12, 2021 11:45
@valerybugakov valerybugakov requested review from a team, 5h1rU and umpox July 13, 2021 14:46
@valerybugakov valerybugakov marked this pull request as ready for review July 13, 2021 14:46
@sourcegraph-bot
Copy link
Copy Markdown
Contributor

sourcegraph-bot commented Jul 13, 2021

Notifying subscribers in CODENOTIFY files for diff fd661df...d500afd.

Notify File(s)
@limitedmage client/web/src/search/results/ButtonDropdownCta.module.scss
client/web/src/search/results/ButtonDropdownCta.tsx
client/web/src/search/results/SearchResultsInfoBar.tsx
client/web/src/search/results/snapshots/SearchResultsInfoBar.test.tsx.snap

}
return (
<ButtonLink
className={classNames('btn btn-sm btn-outline-secondary nav-link text-decoration-none', props.className)}
Copy link
Copy Markdown
Member Author

Choose a reason for hiding this comment

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

The nav-link class is removed from here because it doesn't have any valuable styles, and before this PR, they were shadowed by the redesign button styles with higher specificity. This change keeps UI the same as it was before this PR.

Copy link
Copy Markdown
Contributor

@vovakulikov vovakulikov left a comment

Choose a reason for hiding this comment

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

Good job with styles. Thanks!

Comment thread client/branded/src/global-styles/buttons.scss Outdated
Comment thread client/branded/src/global-styles/buttons.scss
Comment thread client/branded/src/global-styles/typography.scss
Copy link
Copy Markdown
Contributor

@5h1rU 5h1rU left a comment

Choose a reason for hiding this comment

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

🎉

Can you change the PR name to web: move typography and buttons styles out from the .theme-redesign

Comment thread client/branded/src/global-styles/typography.scss
Comment thread client/branded/src/global-styles/buttons.scss Outdated
@valerybugakov valerybugakov changed the title web: move typography styles out from the .theme-redesign web: move typography and button styles out from the .theme-redesign Jul 16, 2021
@valerybugakov valerybugakov enabled auto-merge (squash) July 16, 2021 18:50
@valerybugakov valerybugakov disabled auto-merge July 16, 2021 19:04
@valerybugakov valerybugakov merged commit cdd47a0 into main Jul 19, 2021
@valerybugakov valerybugakov deleted the vb/typography-redesign-cleanup branch July 19, 2021 06:33
Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.

Labels

design refresh Issues connected to the design refresh of 2021 frontend-platform Issues related to our frontend platform, owned collectively by our frontend crew.

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Move button styles out of .theme-redesign Move typography styles out of .theme-redesign

4 participants