css anpassung
All checks were successful
Deploy Workshop-Wahlen (DEV / PROD) / deploy (push) Successful in 18s
All checks were successful
Deploy Workshop-Wahlen (DEV / PROD) / deploy (push) Successful in 18s
This commit is contained in:
@@ -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 {
|
||||
box-sizing: border-box;
|
||||
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 .content{padding:12px 18px 18px 18px;}
|
||||
.kc-participants {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(auto-fit, minmax(160px, 1fr));
|
||||
gap: 6px 12px;
|
||||
display: flex;
|
||||
flex-wrap: wrap;
|
||||
gap: 6px;
|
||||
font-size: 0.95rem;
|
||||
color: #2b2b2b;
|
||||
}
|
||||
.kc-participant {
|
||||
padding: 6px 8px;
|
||||
padding: 2px 8px;
|
||||
border-radius: 6px;
|
||||
background: transparent;
|
||||
white-space: normal;
|
||||
overflow: visible;
|
||||
background: #e8f9ef;
|
||||
white-space: nowrap;
|
||||
display: inline-block;
|
||||
max-width: 100%;
|
||||
display: block;
|
||||
word-break: break-word;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
.kc-participant.me {
|
||||
background: #fffbe6;
|
||||
border: 1px solid #ffeab2;
|
||||
background: #2da66a;
|
||||
color: #fff;
|
||||
font-weight: bold;
|
||||
}
|
||||
.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;} }
|
||||
|
||||
@@ -176,22 +176,23 @@ add_shortcode('konficastle_workshop_ergebnis', function($atts) {
|
||||
}
|
||||
|
||||
echo '<div class="kc-workshop-card">';
|
||||
// Teamernamen (falls vorhanden) anzeigen - mit Phase-Key
|
||||
$teamer_html = '';
|
||||
$teamer_key = intval($d['id']) . '_' . intval($phase);
|
||||
if (!empty($ws_teamers[$teamer_key])) {
|
||||
$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="content">';
|
||||
echo '<div class="kc-workshop-header">';
|
||||
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">';
|
||||
foreach($teilnehmer as $t) {
|
||||
$is_me = in_array(intval($t->id), $my_ids);
|
||||
$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>'; // content
|
||||
echo '</div>';
|
||||
echo '</div>';
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user