tweaks to swal2

This commit is contained in:
Kyle Spearrin 2020-02-24 10:13:26 -05:00
parent 84af4ee48f
commit 663a84a3c4
2 changed files with 9 additions and 15 deletions

View File

@ -137,7 +137,7 @@ export class SettingsComponent implements OnInit {
label.innerHTML = '<input type="checkbox" id="master-pass-restart" checked>';
label.appendChild(checkboxText);
div.innerHTML =
div.innerHTML =
`<div class="swal2-text">${this.i18nService.t('setYourPinCode')}</div>` +
'<input type="text" class="swal2-input" id="pin-val" autocomplete="off" ' +
'autocapitalize="none" autocorrect="none" spellcheck="false" inputmode="verbatim">';
@ -146,9 +146,10 @@ export class SettingsComponent implements OnInit {
div.appendChild(label);
const submitted = await Swal.fire({
heightAuto: false,
buttonsStyling: false,
text: this.i18nService.t('setYourPinCode'),
html: div,
showCancelButton: true,
cancelButtonText: this.i18nService.t('cancel'),
showConfirmButton: true,

View File

@ -129,7 +129,7 @@ $fa-font-path: "~font-awesome/fonts";
border: 1px solid #000000;
border-radius: $border-radius;
margin-bottom: 0;
box-shadow: none;
// Inherit theme font-size
font-size: inherit;
@ -168,21 +168,14 @@ $fa-font-path: "~font-awesome/fonts";
margin: 0;
justify-content: flex-end;
.swal2-styled {
button {
margin-left: 10px;
@extend .btn;
&:focus {
box-shadow: none;
&.swal2-confirm {
@extend .btn.primary;
font-weight: bold;
}
}
.swal2-confirm {
// Overwrite border-left and border-right-color
@include themify($themes) {
border-color: themed('buttonBorderColor') !important;
}
@extend .btn.primary;
}
}
}