[SG-37324] Extract bootstrap style import @import 'bootstrap/scss/popover' (!38147) · Merge requests · Warren Gifford / sourcegraph

Warren Gifford requested to merge contractors/SG-37324 into main Jul 04, 2022

Created by: gitstart-sourcegraph

Problem statement

We depend on Bootstrap styles in our global styles a lot. But we don't plan to move forward with Bootstrap because we're working on our design system called Wildcard. To ease the transition to our styles and gain more control over visual changes, we want to move Bootstrap styles that we need into our codebase and eventually drop Bootstrap dependency.

Success criteria

All highlighted imports has been removed
All css rules currently used from the imports are now available in style sheets

Implementation details

Remove bootstrap import @import 'bootstrap/scss/popover
Copy style rules used in codebase from bootstrap stylesheet

Refs

Gitstart ticket
Sourcegraph issue

Test Plan

Find all usages of <Popover/> on code base and ensure there is no UI change

Loom Videos

Popover video.
FeedbackPrompt.
Menu.
ButtonDropdownCta.tsx

App preview:

Web
Storybook

Check out the client app preview documentation to learn more.

[SG-37324] Extract bootstrap style import @import 'bootstrap/scss/popover'