Skip to content

remove bootstrap style import `@import 'bootstrap/scss/tables`

Administrator requested to merge contractors/SG-31574 into main

Created by: gitstart-sourcegraph

Test plan

As part of the required extractions, the needed styles from the bootstrap's _tables.scss were imported into the tables.scss file on the codebase.

  • Compare UI on local and remote sourcegraph app, for every elements with usage of .tables className
  • Confirm that there is no diff in both versions

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.

Ref

Parent Issue SG Issue Gitstart Task

Preview App

Storybook Frontend

Success Criteria

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

Implementation Details

Let's also remove the following imports and copy CSS rules that we need to our CSS files:

  1. remove the imports @import 'bootstrap/scss/tables from global index.scss file
  2. copy styles used in codebase into the global tables.scss file

ETA

3 - 6 hrs

Merge request reports