kai/pingu-concerts
1
0
Fork 0
Code Issues 10 Pull Requests Actions Packages Projects Releases Wiki Activity

Add bilingual UI and improve event actions layout

Browse Source 
Add persistent German/English switching, translated UI messages and English 12-hour times. Align desktop event actions while preserving mobile layouts and record bilingual project guidance.

Include pending diary deletion exclusions. Validate both languages with nine tests.
This commit is contained in:
kai
2026-09-14 15:31:56 +02:00
parent b2af6c6857
commit b2af866cf0
28 changed files with 1339 additions and 506 deletions
Download Patch File Download Diff File Expand all files Collapse all files
app/static/css/style.css
+32
View File
@@ -509,6 +509,38 @@ h1, .page-title h1 {
.calendar-export { display:flex; justify-content:center; margin-top:12px; }
.ticket-button, .concert-action { display:inline-flex; padding:11px 16px; border:1px solid #b91c1c; border-radius:9px; background:#7f1d1d; color:#fff; font-weight:700; }
.concert-action-delete { background:#450a0a; cursor:pointer; }
@media (min-width: 701px) {
.event-actions {
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
margin-top: 22px;
}
.event-actions .ticket-button-container,
.event-actions .calendar-export,
.event-actions .detail-actions { margin: 0; }
.event-actions .calendar-export:first-child { grid-column: 1 / -1; }
.event-actions .detail-actions {
grid-column: 1 / -1;
display: grid;
grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 12px;
}
.event-actions .detail-actions > a:only-child { grid-column: 1 / -1; }
.event-actions .detail-actions form { margin: 0; width: 100%; max-width: none; }
.event-actions .ticket-button,
.event-actions .concert-action {
width: 100%;
height: 100%;
min-height: 48px;
align-items: center;
justify-content: center;
text-align: center;
font: inherit;
font-weight: 700;
letter-spacing: normal;
}
}
@media (max-width:600px) { .detail-topbar { align-items:flex-start; } .concert-detail { padding:16px; } .comment-meta { flex-direction:column; gap:4px; } }
@media (max-width:700px) { .advanced-filter-fields { grid-template-columns:1fr; } }