Lagebild: Quellen-Tab als Tile-Grid mit Aufklapp-Detail

- Quellen werden als 6-Spalten-Kachel-Grid dargestellt (wie im echten Monitor)
- Jede Kachel zeigt Favicon, Quellenname, Sprache und Artikelanzahl
- Klick auf Kachel öffnet Detail-Panel mit allen Artikeln dieser Quelle
- Nur eine Quelle gleichzeitig offen, Panel erscheint unter der Kachel-Reihe
- Gold-Glow Hover-Effekte, Slide-In Animation
- Responsive: 6 Spalten Desktop, 4 Tablet, 2 Mobile
- Live-Feed: Quellen-Zeile entfernt

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
Dieser Commit ist enthalten in:
Claude Code
2026-03-07 17:11:26 +01:00
Ursprung 27f4d0a2f9
Commit fe24adf951
3 geänderte Dateien mit 2353 neuen und 2174 gelöschten Zeilen

Datei anzeigen

@@ -114,13 +114,14 @@
<div class="tab-panel" id="panel-quellen"> <div class="tab-panel" id="panel-quellen">
<section class="content-card"> <section class="content-card">
<div class="card-header"> <div class="card-header">
<h2>Quellen &amp; Quellenberichte</h2> <h2>Quellen</h2>
<p class="card-description">Alle vom AegisSight Monitor aggregierten Quellen und Artikel</p> <p class="card-description">Alle vom AegisSight Monitor überwachten Quellen</p>
</div> </div>
<div class="card-body"> <div class="card-body" id="sources-grid-container">
<div id="sources-cited" class="sources-section"></div> <div class="loading-skeleton">
<h3 class="section-subtitle" id="articles-heading">Alle Artikel</h3> <div class="skeleton-line"></div>
<div id="articles-content"></div> <div class="skeleton-line short"></div>
</div>
</div> </div>
</section> </section>
</div> </div>

Datei-Diff unterdrückt, da er zu groß ist Diff laden

Datei-Diff unterdrückt, da er zu groß ist Diff laden