linus/Workshop-Wahlen
1
1
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases 1 Activity

Frontend: Grid wieder dynamisch, Teilnehmernamen optisch verbessert
All checks were successful
Deploy Workshop-Wahlen (DEV / PROD) / deploy (push) Successful in 13s
Details

Browse Source
This commit is contained in:
ProgrammGamer
2026-01-30 20:38:22 +01:00
parent 154be87aae
commit 4e2b0e10c3
1 changed files with 16 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
assets/frontend.css
View File

@@ -115,11 +115,11 @@
.kc-result .kc-inner { max-width:900px; margin:0 auto; padding:0 14px; box-sizing:border-box; } .kc-result .kc-inner { max-width:900px; margin:0 auto; padding:0 14px; box-sizing:border-box; }
.kc-workshops-grid { .kc-workshops-grid {
display: grid; display: grid;
grid-template-columns: 1fr 1fr 1fr; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
gap: 18px; gap: 16px;
margin-top: 12px; margin-top: 12px;
align-items: stretch; align-items: stretch;
max-width: 900px; max-width: 1100px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
} }
@@ -141,19 +141,30 @@
color: #2b2b2b; color: #2b2b2b;
} }
.kc-participant { .kc-participant {
padding: 2px 8px; padding: 6px 14px;
border-radius: 6px; border-radius: 8px;
background: #e8f9ef; background: #e8f9ef;
white-space: nowrap; white-space: nowrap;
display: inline-block; display: inline-block;
max-width: 100%; max-width: 100%;
overflow: hidden; overflow: hidden;
text-overflow: ellipsis; text-overflow: ellipsis;
font-size: 1.07em;
margin-bottom: 3px;
margin-right: 6px;
box-shadow: 0 1px 4px #2da66a0d;
border: 1px solid #d6f3e6;
color: #1c3866;
font-family: 'Segoe UI', Arial, sans-serif;
letter-spacing: 0.01em;
transition: background 0.2s, color 0.2s;
} }
.kc-participant.me { .kc-participant.me {
background: #2da66a; background: #2da66a;
color: #fff; color: #fff;
font-weight: bold; font-weight: bold;
border: 1.5px solid #1c3866;
box-shadow: 0 2px 8px #2da66a33;
} }
.kc-notassigned{background:#fff6f6;border:1px solid #ffd2d2;padding:12px;border-radius:10px;margin-top:12px;} .kc-notassigned{background:#fff6f6;border:1px solid #ffd2d2;padding:12px;border-radius:10px;margin-top:12px;}
@media(max-width:700px){ .kc-participants{grid-template-columns:1fr;} } @media(max-width:700px){ .kc-participants{grid-template-columns:1fr;} }