Fix the barely-legible "Unavailable" pills on the coach line-up screen
text-on-dark-faint plus opacity-50 doubly dimmed the text against the pill's own bg-steel background -- switched to the brightest on-dark tone with no extra opacity reduction. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com> Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9
This commit is contained in:
@@ -72,7 +72,7 @@
|
||||
<div class="mb-2 font-display text-xs font-extrabold tracking-wide text-on-dark-dim uppercase">{% trans "Unavailable" %}</div>
|
||||
<div class="flex flex-wrap gap-2">
|
||||
{% for attendance in unavailable %}
|
||||
<span class="rounded-full bg-steel px-3 py-1.5 text-xs text-on-dark-faint opacity-50">{{ attendance.member.get_full_name }} · {{ attendance.get_status_display }}</span>
|
||||
<span class="rounded-full bg-steel px-3 py-1.5 text-xs text-on-dark">{{ attendance.member.get_full_name }} · {{ attendance.get_status_display }}</span>
|
||||
{% endfor %}
|
||||
</div>
|
||||
</div>
|
||||
|
||||
Reference in New Issue
Block a user