Add red color for featured/important events in calendar
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

Featured events (is_featured=true) now display in red (#fee2e2)
instead of inheriting their type color. Applies to grid cells,
list view (red left border), bottom sheet modal dots, and legend.
Currently featured: portal presentation (Apr 9), nuclear meeting
with Governor (Apr 7), conference (Apr 9), gala (Nov 21).

Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-03-25 16:08:28 +01:00
parent a8e4d2d822
commit 60c43cd8a0

View File

@ -171,6 +171,11 @@
transform: scale(1.02);
}
.calendar-event.featured {
background: #fee2e2;
color: #991b1b;
}
.calendar-event.meeting {
background: #dbeafe;
color: #1e40af;
@ -227,7 +232,7 @@
}
.event-card.featured {
border-left: 4px solid var(--primary);
border-left: 4px solid #ef4444;
}
.event-card.past {
@ -514,6 +519,7 @@
width: 12px; height: 12px;
border-radius: 3px; flex-shrink: 0;
}
.day-modal-event-dot.featured { background: #ef4444; }
.day-modal-event-dot.meeting { background: #3b82f6; }
.day-modal-event-dot.networking { background: #f59e0b; }
.day-modal-event-dot.webinar { background: #22c55e; }
@ -637,7 +643,7 @@
{% if day_events %}
<div class="calendar-events-wrap">
{% for event in day_events %}
<div class="calendar-event {{ 'external' if event.is_external else event.event_type }}"
<div class="calendar-event {{ 'featured' if event.is_featured else ('external' if event.is_external else event.event_type) }}"
data-event-id="{{ event.id }}"
data-event-title="{{ event.title }}"
data-event-time="{% if event.time_start %}{{ event.time_start.strftime('%H:%M') }}{% if event.time_end %}-{{ event.time_end.strftime('%H:%M') }}{% endif %}{% endif %}"
@ -665,6 +671,7 @@
<!-- Legenda typów wydarzeń -->
<div style="margin-top: var(--spacing-lg); display: flex; gap: var(--spacing-lg); flex-wrap: wrap; font-size: var(--font-size-sm); color: var(--text-secondary);">
<span><span class="badge-type" style="background:#fee2e2;color:#991b1b;">Ważne</span></span>
<span><span class="badge-type meeting">Spotkanie</span></span>
<span><span class="badge-type networking">Networking</span></span>
<span><span class="badge-type webinar">Webinar</span></span>