bitwarden/browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser synced 2025-12-22 19:23:52 +00:00
Code Issues Releases Wiki Activity

[CL-652] Remove bootstrap and enable tailwind preflight (#8071)

Browse Source 
Wraps up the tailwind migration by removing bootstrap from the web vault.
This commit is contained in:
Oscar Hinton
2025-08-12 20:32:19 +02:00
committed by GitHub
parent 0b057f4c68
commit 40455546d1
38 changed files with 181 additions and 2357 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
libs/components/src/tw-theme.css
View File

@@ -6,6 +6,10 @@
@import "./toast/toastr.css";
@import "./search/search.component.css";
@tailwind base;
@tailwind components;
@tailwind utilities;
:root {
--color-transparent-hover: rgb(0 0 0 / 0.02);
--color-shadow: 168 179 200;
@@ -142,47 +146,49 @@
--color-illustration-logo: 255 255 255;
}
/**
* tw-break-words does not work with table cells:
* https://github.com/tailwindlabs/tailwindcss/issues/835
*/
td.tw-break-words {
overflow-wrap: anywhere;
}
@layer components {
/**
* tw-break-words does not work with table cells:
* https://github.com/tailwindlabs/tailwindcss/issues/835
*/
td.tw-break-words {
overflow-wrap: anywhere;
}
/**
* tw-list-none hides summary arrow in Firefox & Chrome but not Safari:
* https://github.com/tailwindlabs/tailwindcss/issues/924#issuecomment-915509785
*/
summary.tw-list-none::marker,
summary.tw-list-none::-webkit-details-marker {
display: none;
}
/**
* tw-list-none hides summary arrow in Firefox & Chrome but not Safari:
* https://github.com/tailwindlabs/tailwindcss/issues/924#issuecomment-915509785
*/
summary.tw-list-none::marker,
summary.tw-list-none::-webkit-details-marker {
display: none;
}
/**
* Arbitrary values can't be used with `text-align`:
* https://github.com/tailwindlabs/tailwindcss/issues/802#issuecomment-849013311
*/
.tw-text-unset {
text-align: unset;
}
/**
* Arbitrary values can't be used with `text-align`:
* https://github.com/tailwindlabs/tailwindcss/issues/802#issuecomment-849013311
*/
.tw-text-unset {
text-align: unset;
}
/**
* Bootstrap uses z-index: 1050 for modals, dialogs and drag-and-drop previews should appear above them.
* When bootstrap is removed, test if these styles are still needed and that overlays display properly over other content.
* CL-483
*/
.cdk-drag-preview,
.cdk-overlay-container,
.cdk-global-overlay-wrapper,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-backdrop,
.cdk-overlay-pane {
z-index: 2000 !important;
}
/**
* Bootstrap uses z-index: 1050 for modals, dialogs and drag-and-drop previews should appear above them.
* When bootstrap is removed, test if these styles are still needed and that overlays display properly over other content.
* CL-483
*/
.cdk-drag-preview,
.cdk-overlay-container,
.cdk-global-overlay-wrapper,
.cdk-overlay-connected-position-bounding-box,
.cdk-overlay-backdrop,
.cdk-overlay-pane {
z-index: 2000 !important;
}
.cdk-global-scrollblock {
position: relative;
height: 100%;
overflow: hidden;
.cdk-global-scrollblock {
position: relative;
height: 100%;
overflow: hidden;
}
}