diff --git a/src/components/sweetAlertToast/SweetAlert.css b/src/components/sweetAlertToast/SweetAlert.css index b3af263..8052350 100644 --- a/src/components/sweetAlertToast/SweetAlert.css +++ b/src/components/sweetAlertToast/SweetAlert.css @@ -6,23 +6,20 @@ margin-top: 0px !important; } .swal2-timer-progress-bar-container { - /* background-color: var(--error-color7) !important; - direction: ltr !important; */ -} -.swal2-timer-progress-bar { - /* background-color: var(--toast-bg-error) !important; */ + direction: ltr !important; } +/* .swal2-timer-progress-bar { + background-color: var(--toast-bg-error) !important; +} */ .swal2-icon { font-size: 13px !important; } -/* .swal2-timer-progress-bar { - direction: ltr !important; -} */ /* !error Toast */ .error-toast-title { color: var(--error-color7) !important; } -.error-toast-modalBox { +.error-toast-modalBox, +.error-toast-modalBox-timer { background-color: var(--toast-bg-error) !important; } .error-toast-closeButton { @@ -35,7 +32,8 @@ .success-toast-title { color: var(--toast-success-color) !important; } -.success-toast-modalBox { +.success-toast-modalBox, +.success-toast-modalBox-timer { background-color: var(--toast-bg-success) !important; } .success-toast-closeButton { @@ -43,3 +41,19 @@ color: var(--toast-bg-success) !important; padding: 15px !important; } + +.error-toast-modalBox-timer .swal2-timer-progress-bar-container { + background-color: var(--error-color7) !important; +} + +.error-toast-modalBox-timer .swal2-timer-progress-bar { + background-color: var(--toast-bg-error) !important; +} + +.success-toast-modalBox-timer .swal2-timer-progress-bar-container { + background-color: var(--toast-success-color) !important; +} + +.success-toast-modalBox-timer .swal2-timer-progress-bar { + background-color: var(--toast-bg-success) !important; +} diff --git a/src/components/sweetAlertToast/SweetToast.js b/src/components/sweetAlertToast/SweetToast.js index 27c9156..ef473d9 100644 --- a/src/components/sweetAlertToast/SweetToast.js +++ b/src/components/sweetAlertToast/SweetToast.js @@ -117,7 +117,7 @@ function SweetToast(props) { customClass: { title: "error-toast-title", closeButton: "error-toast-closeButton", - popup: "error-toast-modalBox", + popup: "error-toast-modalBox-timer", }, }) } @@ -140,8 +140,7 @@ function SweetToast(props) { customClass: { title: "success-toast-title", closeButton: "success-toast-closeButton", - popup: "success-toast-modalBox", - footer: "footer-error-9", + popup: "success-toast-modalBox-timer", }, }) }