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

[PS-2841] remove SweetAlert2 dependency (#6191)

Browse Source 
* remove swal from app.component

* remove dep

* remove unused swal css
This commit is contained in:
Will Martin
2023-09-11 17:15:27 -04:00
committed by GitHub
parent f999e2cea9
commit 373569833f
12 changed files with 4 additions and 353 deletions
Download Patch File Download Diff File Expand all files Collapse all files

90
apps/web/src/scss/plugins.scss
View File

@@ -130,96 +130,6 @@
}
}
// SweetAlert2
[class*="swal2-"] {
&:not(.swal2-container, .swal2-confirm, .swal2-cancel, .swal2-deny) {
@include themify($themes) {
background-color: themed("backgroundColor");
color: themed("textColor");
}
}
}
.swal2-container {
background-color: rgba(0, 0, 0, 0.3);
}
.swal2-popup {
@include themify($themes) {
background-color: themed("backgroundColor");
color: themed("textColor");
}
border: $modal-content-border-width solid #9a9a9a;
@include border-radius($modal-content-border-radius);
padding: 15px 0 0;
width: 34em; // slightly bigger than the hardcoded 478px in v1.
.swal2-header {
padding: 0 15px;
}
.swal2-icon {
border: none;
height: auto;
margin: 0 auto;
width: auto;
}
.swal2-content {
font-size: $font-size-base;
padding-bottom: 15px;
@include themify($themes) {
border-bottom: $modal-footer-border-width solid themed("separator");
}
}
i.swal-custom-icon {
display: block;
font-size: 35px;
margin: 0 auto;
}
.swal2-title {
font-size: $font-size-lg;
margin: 0;
padding: 10px 0 15px;
@include themify($themes) {
color: themed("textHeadingColor");
}
}
.swal2-content {
font-size: $font-size-base;
padding: 0 15px 15px;
@include themify($themes) {
color: themed("textColor");
}
}
.swal2-actions {
@include border-radius($modal-content-border-radius);
display: flex;
flex-direction: row;
font-size: $font-size-base;
justify-content: flex-start;
margin: 0;
padding: 15px;
@include themify($themes) {
background-color: themed("backgroundColor");
}
button {
margin-right: 10px;
@extend .btn;
}
}
.swal2-validation-message {
margin: 0 -15px;
}
}
date-input-polyfill {
&[data-open="true"] {
z-index: 10000 !important;