lukas.uptmoor/webgis-lohne
1
0
Fork 0
Code Issues 1 Pull Requests Actions Packages Projects Releases Wiki Activity

replaced sweet alert inline styles with CSS classes

Browse Source
This commit is contained in:
patrickzerhusen
2026-06-16 15:43:48 +02:00
parent 336e7cf3a6
commit c1dd6cc009
3 changed files with 28 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
public/js/admin.js
View File

@@ -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;

2
public/js/app.js
View File

@@ -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;

35
public/styles.css
View File

@@ -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