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
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:
parent
a8e4d2d822
commit
60c43cd8a0
@ -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>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user