2 Commits

Author SHA1 Message Date
60d6b9e4b6 added utility designs 2026-06-16 14:57:52 +02:00
ee84734601 replaced inline styles with CSS classes 2026-06-16 14:42:57 +02:00
3 changed files with 22 additions and 11 deletions

View File

@@ -228,7 +228,7 @@ $counts['total'] = count($all_contributions);
<div id="contributions-container">
<?php if (empty($all_contributions)): ?>
<div class="empty-state">
<i class="fa-solid fa-inbox" style="font-size:2rem;margin-bottom:8px;display:block;"></i>
<i class="fa-solid fa-inbox"></i>
Noch keine Beiträge vorhanden.
</div>
<?php else: ?>
@@ -381,7 +381,7 @@ $counts['total'] = count($all_contributions);
<div id="comments-mod-container">
<?php if (empty($all_comments)): ?>
<div class="empty-state">
<i class="fa-solid fa-comments" style="font-size:2rem;margin-bottom:8px;display:block;"></i>
<i class="fa-solid fa-comments"></i>
Noch keine Kommentare vorhanden.
</div>
<?php else: ?>
@@ -409,9 +409,9 @@ $counts['total'] = count($all_contributions);
<!-- Expanded Detail -->
<div class="contribution-row-detail">
<div style="padding:12px 0;">
<div class="detail-block">
<!-- Comment Content -->
<div style="font-size:0.9rem;line-height:1.6;color:var(--color-text);margin-bottom:12px;">
<div class="detail-block">
<?= nl2br(htmlspecialchars($comment['content'])) ?>
</div>
<!-- Meta -->
@@ -457,8 +457,8 @@ $counts['total'] = count($all_contributions);
<!-- News Article Tab -->
<!-- ========================================================= -->
<div id="tab-news" class="page-tab-content" style="display:none;">
<div style="display:flex;justify-content:space-between;align-items:center;margin-bottom:20px;">
<h2 style="margin:0;border:none;padding:0;"><i class="fa-solid fa-newspaper"></i> Neuigkeiten</h2>
<div class="tab-header">
<h2><i class="fa-solid fa-newspaper"></i> Neuigkeiten</h2>
<button class="btn btn-approve" onclick="createNews()">
<i class="fa-solid fa-plus"></i> Nachricht hinzufügen
</button>
@@ -466,7 +466,7 @@ $counts['total'] = count($all_contributions);
<?php if (empty($news_items)): ?>
<div class="empty-state">
<i class="fa-solid fa-newspaper" style="font-size:2rem;margin-bottom:8px;display:block;"></i>
<i class="fa-solid fa-newspaper"></i>
Noch keine Neuigkeiten veröffentlicht.
</div>
<?php else: ?>
@@ -475,7 +475,7 @@ $counts['total'] = count($all_contributions);
<div class="contribution-row-header" onclick="toggleRow(this.parentElement)">
<div class="contribution-row-summary">
<span class="title"><?= htmlspecialchars($news['title']) ?></span>
<span style="font-size:0.8rem;color:#999;">
<span class="detail-block-meta">
<?= date('d.m.Y', strtotime($news['published_at'])) ?>
· <?= htmlspecialchars($news['author_name']) ?>
</span>
@@ -483,7 +483,7 @@ $counts['total'] = count($all_contributions);
<i class="fa-solid fa-chevron-down collapse-icon"></i>
</div>
<div class="contribution-row-detail">
<div style="padding:12px 0;font-size:0.9rem;line-height:1.6;color:#5a5a7a;">
<div class="detail-block">
<?= nl2br(htmlspecialchars($news['content'])) ?>
</div>
<div class="action-buttons">

View File

@@ -218,7 +218,7 @@ $news_items = $stmt->fetchAll();
<h3><i class="fa-solid fa-book"></i> Interaktive Anleitung</h3>
<p>Klicken Sie unten auf Tutorial starten um Schritt für Schritt durch die Kernfunktionen der Mitmachkarte geführt zu werden.</p>
<p>
<button class="btn btn-primary" onclick="if(typeof restartOnboarding==='function'){sidebar.close();restartOnboarding()}" style="font-size:0.85rem;">
<button class="btn btn-primary" onclick="if(typeof restartOnboarding==='function'){sidebar.close();restartOnboarding()}">
<i class="fa-solid fa-route"></i> Tutorial starten
</button>
</p>
@@ -274,7 +274,7 @@ $news_items = $stmt->fetchAll();
<li>Hinweise und Verbesserungsvorschläge für die Stadtverwaltung hinzufügen</li>
<li>Bestehende Beiträge der Bürgerschaft betrachten und bewerten</li>
</ul>
<p style="background:#fff3cd;padding:10px;border-radius:6px;border:1px solid #ffc107;font-size:0.85rem;color:#856404;">
<p class="dev-notice">
<i class="fa-solid fa-triangle-exclamation"></i> <strong>Hinweis:</strong> Demoversion - nicht in Rücksprache mit der Stadt Lohne entwickelt! Alle Beitrage, Kommentare und Personen sind frei erfunden.
</p>
<p>Zum Hinzufügen von Beiträgen geben Sie bitte zunächst Ihren Namen ein.</p> <div class="modal-actions">

View File

@@ -345,6 +345,12 @@ select.form-input { cursor: pointer; }
font-size: var(--font-base);
}
.empty-state i {
font-size: 2rem;
margin-bottom: var(--space-sm);
display: block;
}
/* =================================================================
SECTION 4: Portal-specific Styles (index.php)
@@ -700,6 +706,11 @@ select.form-input { cursor: pointer; }
.modal-actions { display: flex; justify-content: flex-end; gap: var(--space-sm); margin-top: var(--space-lg); }
.modal-content .dev-notice {
color: var(--color-badge-pending-text);
border-color: #ffc107;
}
/* -----------------------------------------------------------------
4.7 Map Popup