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

css anpassung
All checks were successful
Deploy Workshop-Wahlen (DEV / PROD) / deploy (push) Successful in 18s
Details

Browse Source
This commit is contained in:
ProgrammGamer
2026-01-30 19:52:11 +01:00
parent 5f3a129d09
commit 32cb20ddcd
2 changed files with 47 additions and 17 deletions
Download Patch File Download Diff File Expand all files Collapse all files

51
assets/frontend.css
View File

@@ -1,3 +1,31 @@
.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;
margin-left: 8px;
white-space: nowrap;
}
.kc-form-container { .kc-form-container {
box-sizing: border-box; box-sizing: border-box;
width: 100%; width: 100%;
@@ -126,25 +154,26 @@
.kc-workshop-card .title .teamers small{font-weight:500;color:#4c7a6a;opacity:0.9;font-size:0.85rem;margin-left:6px;} .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-workshop-card .content{padding:12px 18px 18px 18px;}
.kc-participants { .kc-participants {
display: grid; display: flex;
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr)); flex-wrap: wrap;
gap: 6px 12px; gap: 6px;
font-size: 0.95rem; font-size: 0.95rem;
color: #2b2b2b; color: #2b2b2b;
} }
.kc-participant { .kc-participant {
padding: 6px 8px; padding: 2px 8px;
border-radius: 6px; border-radius: 6px;
background: transparent; background: #e8f9ef;
white-space: normal; white-space: nowrap;
overflow: visible; display: inline-block;
max-width: 100%; max-width: 100%;
display: block; overflow: hidden;
word-break: break-word; text-overflow: ellipsis;
} }
.kc-participant.me { .kc-participant.me {
background: #fffbe6; background: #2da66a;
border: 1px solid #ffeab2; color: #fff;
font-weight: bold;
} }
.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;} }

13
includes/frontend-ergebnis.php
View File

@@ -176,22 +176,23 @@ add_shortcode('konficastle_workshop_ergebnis', function($atts) {
} }
echo '<div class="kc-workshop-card">'; echo '<div class="kc-workshop-card">';
// Teamernamen (falls vorhanden) anzeigen - mit Phase-Key
$teamer_html = ''; $teamer_html = '';
$teamer_key = intval($d['id']) . '_' . intval($phase); $teamer_key = intval($d['id']) . '_' . intval($phase);
if (!empty($ws_teamers[$teamer_key])) { if (!empty($ws_teamers[$teamer_key])) {
$teamer_html = '<span class="teamers">'.esc_html(implode(', ', $ws_teamers[$teamer_key])).'</span>'; $teamer_html = '<span class="teamers">'.esc_html(implode(', ', $ws_teamers[$teamer_key])).'</span>';
} }
echo '<div class="title">'.esc_html($ws_name).' '. $teamer_html .'<span class="count">('.$count.' TN)</span></div>'; echo '<div class="kc-workshop-header">';
echo '<div class="content">'; echo '<span class="kc-workshop-title">'.esc_html($ws_name).'</span>';
if ($teamer_html) echo ' '.$teamer_html;
echo '<span class="kc-workshop-count">('.$count.' TN)</span>';
echo '</div>';
echo '<div class="kc-participants">'; echo '<div class="kc-participants">';
foreach($teilnehmer as $t) { foreach($teilnehmer as $t) {
$is_me = in_array(intval($t->id), $my_ids); $is_me = in_array(intval($t->id), $my_ids);
$name = esc_html($t->vorname.' '.$t->nachname); $name = esc_html($t->vorname.' '.$t->nachname);
echo '<div class="kc-participant'.($is_me ? ' me' : '').'" style="white-space:nowrap;">'. $name .'</div>'; echo '<span class="kc-participant'.($is_me ? ' me' : '').'">'. $name .'</span>';
} }
echo '</div>'; // kc-participants echo '</div>';
echo '</div>'; // content
echo '</div>'; echo '</div>';
} }