diff --git a/public/js/admin.js b/public/js/admin.js index 6c798f5..bc7f08a 100644 --- a/public/js/admin.js +++ b/public/js/admin.js @@ -406,7 +406,7 @@ function deleteContribution(contributionId) { showCancelButton: true, confirmButtonText: 'Beitrag löschen', cancelButtonText: 'Abbrechen', - confirmButtonColor: '#c62828' + customClass: { confirmButton: 'swal-btn-danger' }, }).then(function (result) { if (!result.isConfirmed) return; @@ -500,7 +500,7 @@ function deleteModComment(commentId) { showCancelButton: true, confirmButtonText: 'Löschen', cancelButtonText: 'Abbrechen', - confirmButtonColor: '#c62828' + customClass: { confirmButton: 'swal-btn-danger' }, }).then(function (result) { if (!result.isConfirmed) return; @@ -637,7 +637,7 @@ function deleteNews(newsId) { showCancelButton: true, confirmButtonText: 'Löschen', cancelButtonText: 'Abbrechen', - confirmButtonColor: '#c62828' + customClass: { confirmButton: 'swal-btn-danger' }, }).then(function (result) { if (!result.isConfirmed) return; diff --git a/public/js/app.js b/public/js/app.js index 1fda51a..44bf0a8 100644 --- a/public/js/app.js +++ b/public/js/app.js @@ -714,7 +714,7 @@ function deleteContribution(contributionId) { showCancelButton: true, confirmButtonText: 'Löschen', cancelButtonText: 'Abbrechen', - confirmButtonColor: '#c62828' + customClass: { confirmButton: 'swal-btn-danger' }, }).then(function (result) { if (!result.isConfirmed) return; diff --git a/public/styles.css b/public/styles.css index ce746f5..87c9f7f 100644 --- a/public/styles.css +++ b/public/styles.css @@ -286,10 +286,12 @@ select.form-input { cursor: pointer; } } /* SweetAlert2 Portal Theme */ +/* SweetAlert2 Portal Theme — Notifications */ .swal2-popup { font-family: var(--font-body) !important; border-radius: var(--radius-lg) !important; font-size: var(--font-base) !important; + padding: var(--space-xl) !important; } .swal2-title { @@ -304,31 +306,38 @@ select.form-input { cursor: pointer; } line-height: 1.6 !important; } +.swal2-actions { + gap: var(--space-sm) !important; +} + .swal2-confirm { border-radius: var(--radius-md) !important; font-size: var(--font-sm) !important; font-weight: 600 !important; font-family: var(--font-body) !important; padding: var(--space-sm) var(--space-lg) !important; + min-height: 40px !important; + box-shadow: none !important; + background-color: var(--color-primary) !important; } -.swal2-cancel { - border-radius: var(--radius-md) !important; - font-size: var(--font-sm) !important; - font-weight: 600 !important; - font-family: var(--font-body) !important; - padding: var(--space-sm) var(--space-lg) !important; - background: var(--color-bg) !important; - color: var(--color-text) !important; - border: 1px solid var(--color-border) !important; -} - +.swal2-cancel, .swal2-deny { border-radius: var(--radius-md) !important; font-size: var(--font-sm) !important; font-weight: 600 !important; font-family: var(--font-body) !important; padding: var(--space-sm) var(--space-lg) !important; + min-height: 40px !important; + background: var(--color-bg) !important; + color: var(--color-text) !important; + border: 1px solid var(--color-border) !important; + box-shadow: none !important; +} + +.swal2-cancel:hover, +.swal2-deny:hover { + background: var(--color-border) !important; } .swal-label { @@ -365,6 +374,10 @@ select.form-input { cursor: pointer; } color: #999; } +.swal-btn-danger { + background-color: var(--color-error) !important; +} + /* ----------------------------------------------------------------- 3.7 Warning Notices