replaced sweet alert inline styles with CSS classes

This commit is contained in:
2026-06-16 15:15:18 +02:00
parent 3fa47a3347
commit a859e61483
3 changed files with 36 additions and 22 deletions

View File

@@ -338,14 +338,14 @@ function editContribution(contributionId, currentTitle, currentDescription) {
Swal.fire({
title: 'Beitrag bearbeiten',
html:
'<div style="text-align:left;">' +
'<div style="margin-bottom:12px;">' +
'<div class="swal-form">' +
'<div class="swal-group">' +
'<label class="swal-label">Titel</label>' +
'<input id="swal-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' +
'<input id="swal-title" class="swal2-input" value="' + escapeHtml(currentTitle) + '">' +
'</div>' +
'<div>' +
'<label class="swal-label">Beschreibung</label>' +
'<textarea id="swal-description" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentDescription) + '</textarea>' +
'<textarea id="swal-description" class="swal2-textarea">' + escapeHtml(currentDescription) + '</textarea>' +
'</div>' +
'</div>',
showCancelButton: true,
@@ -442,9 +442,9 @@ function editModComment(commentId, currentContent) {
Swal.fire({
title: 'Kommentar bearbeiten',
html:
'<div style="text-align:left;">' +
'<div class="swal-form">' +
'<label class="swal-label">Inhalt</label>' +
'<textarea id="swal-comment-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' +
'<textarea id="swal-comment-content" class="swal2-textarea">' + escapeHtml(currentContent) + '</textarea>' +
'</div>',
showCancelButton: true,
confirmButtonText: 'Speichern',
@@ -509,18 +509,18 @@ function createNews() {
Swal.fire({
title: 'Neuigkeit hinzufügen',
html:
'<div style="text-align:left;">' +
'<div style="margin-bottom:12px;">' +
'<div class="swal-form">' +
'<div class="swal-group">' +
'<label class="swal-label">Titel</label>' +
'<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" placeholder="Titel der Neuigkeit">' +
'<input id="swal-news-title" class="swal2-input" placeholder="Titel der Neuigkeit">' +
'</div>' +
'<div style="margin-bottom:12px;">' +
'<div class="swal-group">' +
'<label class="swal-label">Inhalt</label>' +
'<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;" placeholder="Neuigkeit verfassen..."></textarea>' +
'<textarea id="swal-news-content" class="swal2-textarea" placeholder="Neuigkeit verfassen..."></textarea>' +
'</div>' +
'<div>' +
'<label class="swal-label">Autor</label>' +
'<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="Stadtverwaltung">' +
'<input id="swal-news-author" class="swal2-input" value="Stadtverwaltung">' +
'</div>' +
'</div>',
showCancelButton: true,
@@ -563,18 +563,18 @@ function editNews(newsId, currentTitle, currentContent, currentAuthor) {
Swal.fire({
title: 'Neuigkeit bearbeiten',
html:
'<div style="text-align:left;">' +
'<div style="margin-bottom:12px;">' +
'<div class="swal-form">' +
'<div class="swal-group">' +
'<label class="swal-label">Titel</label>' +
'<input id="swal-news-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentTitle) + '">' +
'<input id="swal-news-title" class="swal2-input" value="' + escapeHtml(currentTitle) + '">' +
'</div>' +
'<div style="margin-bottom:12px;">' +
'<div class="swal-group">' +
'<label class="swal-label">Inhalt</label>' +
'<textarea id="swal-news-content" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(currentContent) + '</textarea>' +
'<textarea id="swal-news-content" class="swal2-textarea">' + escapeHtml(currentContent) + '</textarea>' +
'</div>' +
'<div>' +
'<label class="swal-label">Autor</label>' +
'<input id="swal-news-author" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(currentAuthor) + '">' +
'<input id="swal-news-author" class="swal2-input" value="' + escapeHtml(currentAuthor) + '">' +
'</div>' +
'</div>',
showCancelButton: true,

View File

@@ -666,14 +666,14 @@ function editContribution(contributionId) {
Swal.fire({
title: 'Beitrag bearbeiten',
html:
'<div style="text-align:left;">' +
'<div style="margin-bottom:12px;">' +
'<div class="swal-form">' +
'<div class="swal-group">' +
'<label class="swal-label">Titel</label>' +
'<input id="swal-title" class="swal2-input" style="margin:0;width:100%;" value="' + escapeHtml(props.title) + '">' +
'<input id="swal-title" class="swal2-input" value="' + escapeHtml(props.title) + '">' +
'</div>' +
'<div>' +
'<label class="swal-label">Beschreibung</label>' +
'<textarea id="swal-description" class="swal2-textarea" style="margin:0;width:100%;">' + escapeHtml(props.description || '') + '</textarea>' +
'<textarea id="swal-description" class="swal2-textarea">' + escapeHtml(props.description || '') + '</textarea>' +
'</div>' +
'</div>',
showCancelButton: true,

View File

@@ -292,6 +292,20 @@ select.form-input { cursor: pointer; }
margin-bottom: var(--space-xs);
}
.swal-form {
text-align: left;
}
.swal-group {
margin-bottom: var(--space-sm);
}
.swal2-input,
.swal2-textarea {
margin: 0 !important;
width: 100% !important;
}
.detail-block {
padding: var(--space-sm) 0;
font-size: var(--font-base);