text-only karten: zeit-overlay oben wie bei medien-karten

This commit is contained in:
Hermes Agent
2026-06-17 23:00:56 +02:00
parent 346715faf9
commit bb34386275
+2 -3
View File
@@ -1810,13 +1810,13 @@ def public_frontend():
time_block = '' time_block = ''
if not media_first: if not media_first:
# Text-only card: link-wrapped, time overlay inside card-content # Text-only card: link-wrapped, time overlay at top (same as media cards)
cards += f"""<a href="/beitrag/{r['id']}" class="card-link"> cards += f"""<a href="/beitrag/{r['id']}" class="card-link">
<article class="story-card text-only"> <article class="story-card text-only">
""" + time_block + """
""" + (f'<div class="story-halle-badge"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" style="vertical-align:middle;margin-right:2px;"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> {r["halle"]}</div>' if r["halle"] else '') + """ """ + (f'<div class="story-halle-badge"><svg width="14" height="14" viewBox="0 0 24 24" fill="none" stroke="#fff" stroke-width="2.5" stroke-linecap="round" style="vertical-align:middle;margin-right:2px;"><path d="M21 10c0 7-9 13-9 13s-9-6-9-13a9 9 0 0 1 18 0z"/><circle cx="12" cy="10" r="3"/></svg> {r["halle"]}</div>' if r["halle"] else '') + """
""" + (f'<div class="story-ausverkauft-badge">🚫 AUSVERKAUFT: {r["spiel_titel"]}</div>' if r["category"] == "ausverkauft" and r["spiel_titel"] else '') + """ """ + (f'<div class="story-ausverkauft-badge">🚫 AUSVERKAUFT: {r["spiel_titel"]}</div>' if r["category"] == "ausverkauft" and r["spiel_titel"] else '') + """
<div class="card-content"> <div class="card-content">
""" + time_block + """
<div class="story-meta"> <div class="story-meta">
<span class="story-type">""" + type_emoji + """</span> <span class="story-type">""" + type_emoji + """</span>
<span class="story-author">""" + name + """</span> <span class="story-author">""" + name + """</span>
@@ -1904,7 +1904,6 @@ def public_frontend():
.story-preview { display:none; } .story-preview { display:none; }
.text-only .story-preview { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:0.8rem; line-height:1.4; color:#444; margin-bottom:0.35rem; } .text-only .story-preview { display:-webkit-box; -webkit-line-clamp:4; -webkit-box-orient:vertical; overflow:hidden; text-overflow:ellipsis; font-size:0.8rem; line-height:1.4; color:#444; margin-bottom:0.35rem; }
.text-only .card-content { position:relative; padding:0.55rem 0.85rem 0.65rem; } .text-only .card-content { position:relative; padding:0.55rem 0.85rem 0.65rem; }
.text-only .story-time-overlay { position:absolute; top:auto; bottom:0.45rem; right:0.6rem; left:auto; z-index:5; }
/* Card stats (views + likes) */ /* Card stats (views + likes) */
.card-stats { display:flex; align-items:center; gap:0.6rem; padding-top:0.35rem; margin-top:0.3rem; border-top:1px solid #f0ede6; } .card-stats { display:flex; align-items:center; gap:0.6rem; padding-top:0.35rem; margin-top:0.3rem; border-top:1px solid #f0ede6; }