Upstream/bitwarden-browser
1
0
Fork 0
mirror of https://github.com/bitwarden/browser.git synced 2024-11-05 09:10:53 +01:00
Code Issues Projects Releases Wiki Activity

sweetalert styling like browser

Browse Source
This commit is contained in:
Kyle Spearrin 2020-03-04 13:56:41 -05:00
parent b745851d0d
commit 6d6a5fed06
1 changed files with 29 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

34
src/scss/plugins.scss
View File

@ -100,8 +100,8 @@ $fa-font-path: "~font-awesome/fonts";
// SweetAlert2 // SweetAlert2
.swal2-popup { .swal2-popup {
padding: 15px;
border-radius: $border-radius; border-radius: $border-radius;
padding: 0;
width: 34em; width: 34em;
@include themify($themes) { @include themify($themes) {
@ -109,10 +109,19 @@ $fa-font-path: "~font-awesome/fonts";
color: themed('textColor'); color: themed('textColor');
} }
.swal2-icon {
margin: 0 auto;
width: auto;
height: auto;
border: none;
}
.swal2-content { .swal2-content {
padding: 20px 20px 15px; margin: 0;
font-size: $font-size-base; font-size: $font-size-base;
color: inherit; @include themify($themes) {
color: themed('textColor');
}
label.checkbox { label.checkbox {
margin-top: 10px; margin-top: 10px;
@ -150,6 +159,22 @@ $fa-font-path: "~font-awesome/fonts";
} }
} }
i.swal-custom-icon {
display: block;
margin: 0 auto;
font-size: 35px;
}
.swal2-title {
padding: 10px 0 15px;
margin: 0;
font-size: $font-size-large;
@include themify($themes) {
color: themed('textColor');
}
}
.swal2-text { .swal2-text {
text-align: left; // sweetalert1 behaviour text-align: left; // sweetalert1 behaviour
font-size: $font-size-base; font-size: $font-size-base;
@ -164,8 +189,7 @@ $fa-font-path: "~font-awesome/fonts";
} }
.swal2-actions { .swal2-actions {
padding: 0 10px 10px 10px; // 0 due to padding to content being 15px margin: 20px auto 0;
margin: 0;
justify-content: flex-end; justify-content: flex-end;
button { button {