From acd972bffc1de90f22f2048b39947515805c9875 Mon Sep 17 00:00:00 2001 From: ProgrammGamer Date: Fri, 30 Jan 2026 20:53:42 +0100 Subject: [PATCH] back --- assets/frontend.css | 119 +++++++++++---------------------- includes/frontend-ergebnis.php | 6 +- 2 files changed, 44 insertions(+), 81 deletions(-) diff --git a/assets/frontend.css b/assets/frontend.css index 12ebe51..eae6e1a 100644 --- a/assets/frontend.css +++ b/assets/frontend.css @@ -1,3 +1,25 @@ +.kc-workshop-header { + display: flex; + align-items: center; + justify-content: space-between; + margin-bottom: 8px; + gap: 8px; +} +.kc-workshop-title { + font-weight: bold; + font-size: 1.08em; + flex: 1 1 auto; + min-width: 0; + white-space: nowrap; + overflow: hidden; + text-overflow: ellipsis; +} +.kc-workshop-count { + color: #2da66a; + font-size: 0.98em; + margin-left: 8px; + white-space: nowrap; +} .teamers { color: #888; font-size: 0.95em; @@ -112,108 +134,45 @@ .kc-result{font-family: -apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;color:#222;} .kc-result h3{margin-top:0;text-align:center;color:#154a3b;} .kc-phase{margin:18px 0;padding:12px;border-radius:12px;background:#fbfffe;border:1px solid #e6f3ee;} -.kc-result .kc-inner { max-width:900px; margin:0 auto; padding:0 14px; box-sizing:border-box; } +.kc-result .kc-inner { max-width:1100px; margin:0 auto; padding:0 14px; box-sizing:border-box; } .kc-workshops-grid { display: grid; - grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); - gap: 16px; + grid-template-columns: repeat(auto-fit, minmax(150px, 1fr)); + gap: 10px; margin-top: 12px; - align-items: stretch; - max-width: 1100px; - margin-left: auto; - margin-right: auto; + align-items: flex-start; } .kc-workshop-card { box-sizing: border-box; min-width: 0; - background: #ffffff; - border-radius: 18px; - overflow: hidden; - border: 1.5px solid #e3f6ee; - box-shadow: 0 4px 24px 0 #2da66a1a; - display: flex; - flex-direction: column; - height: 100%; - margin-bottom: 10px; -} -.kc-workshop-card:hover { - box-shadow: 0 8px 32px 0 #2da66a33; - border: 1.5px solid #2da66a; - transform: translateY(-2px) scale(1.012); -} -.kc-workshop-card .title { - background: linear-gradient(90deg, #e8f9ef 0%, #c6f7e2 100%); - display: flex; - flex-direction: column; - align-items: flex-start; - justify-content: flex-start; - padding: 18px 18px 10px 18px; - font-weight: 800; - color: #176c4a; - font-size: 1.18rem; - letter-spacing: 0.2px; - border-bottom: 1px solid #e3f6ee; - border-radius: 18px 18px 0 0; - box-shadow: 0 2px 8px #2da66a0a; - margin-bottom: 0; - min-height: 56px; -} -.kc-workshop-card .title strong { - font-size: 1.18em; - font-weight: 900; - color: #176c4a; - margin-bottom: 2px; - display: block; - letter-spacing: 0.01em; -} -.kc-workshop-card .title .teamers { - font-size: 0.98em; - font-weight: 600; - color: #2da66a; - margin-bottom: 2px; - margin-top: 2px; - display: block; -} -.kc-workshop-card .title .count { - color: #6b6b6b; - font-weight: 600; - font-size: 0.98em; - margin-left: 0; - margin-top: 2px; - display: block; } + +.kc-workshop-card .title{background:linear-gradient(90deg, rgba(45,166,106,0.04), rgba(13,89,71,0.02));display:flex;flex-wrap:wrap;align-items:center;justify-content:center;padding:18px 12px;font-weight:800;color:#0d5947;font-size:1.06rem;letter-spacing:0.2px;border-bottom:1px solid rgba(229,244,240,0.8);gap:12px;} +.kc-workshop-card .title .count{color:#6b6b6b;font-weight:600;font-size:0.9rem;margin-left:6px;} +.kc-workshop-card .title .teamers{font-weight:600;color:#145a47;font-size:0.9rem;opacity:0.92;} +.kc-workshop-card .title .teamers small{font-weight:500;color:#4c7a6a;opacity:0.9;font-size:0.85rem;margin-left:6px;} +.kc-workshop-card .content{padding:12px 18px 18px 18px;} .kc-participants { - margin-top: 10px; - margin-bottom: 8px; display: flex; flex-wrap: wrap; - gap: 8px 12px; + gap: 6px; + font-size: 0.95rem; + color: #2b2b2b; } .kc-participant { - padding: 6px 14px; - border-radius: 8px; - background: linear-gradient(90deg, #f6fffa 60%, #e8f9ef 100%); + padding: 2px 8px; + border-radius: 6px; + background: #e8f9ef; white-space: nowrap; display: inline-block; max-width: 100%; overflow: hidden; 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 { - background: linear-gradient(90deg, #2da66a 60%, #176c4a 100%); + background: #2da66a; color: #fff; font-weight: bold; - border: 1.5px solid #176c4a; - box-shadow: 0 2px 8px #2da66a33; } .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;} } diff --git a/includes/frontend-ergebnis.php b/includes/frontend-ergebnis.php index 25f0a42..0047b22 100644 --- a/includes/frontend-ergebnis.php +++ b/includes/frontend-ergebnis.php @@ -181,7 +181,11 @@ add_shortcode('konficastle_workshop_ergebnis', function($atts) { if (!empty($ws_teamers[$teamer_key])) { $teamer_html = ''.esc_html(implode(', ', $ws_teamers[$teamer_key])).''; } - echo '
'.esc_html($ws_name).($teamer_html ? ' '.$teamer_html : '').'('.$count.' TN)
'; + echo '
'; + echo ''.esc_html($ws_name).''; + if ($teamer_html) echo ' '.$teamer_html; + echo '('.$count.' TN)'; + echo '
'; echo '
'; foreach($teilnehmer as $t) { $is_me = in_array(intval($t->id), $my_ids);