bernard/RosterChief
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Drop the referee row's flag icon and stop its title wrapping

Browse Source 
Matches the plain calendar row exactly now (no icon there either) -- the
referee accent colour is the only thing that should set it apart, not a
different shape. Also truncates the title to one line instead of wrapping,
same as every other row's own title.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01ECGMEwrc2k4D8VQuwjstj9
This commit is contained in:
Bernard Siebens
2026-08-22 20:16:53 +02:00
parent a7fdab4352
commit fc624ebd96
2 changed files with 6 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
mobile/templates/mobile/_calendar_referee_row.html
View File

@@ -1,4 +1,4 @@
{% load i18n lucide %} {% load i18n %}
{% comment %} {% comment %}
One referee sign-up row on M3's Calendar -- a home game the signed-in One referee sign-up row on M3's Calendar -- a home game the signed-in
account (or a managed person -- a referee-eligible child is exactly as account (or a managed person -- a referee-eligible child is exactly as
@@ -7,7 +7,9 @@
the same chronological list as the account's own RSVP rows (mobile/ the same chronological list as the account's own RSVP rows (mobile/
_calendar_row.html), but in the referee accent (assets/mobile.css's _calendar_row.html), but in the referee accent (assets/mobile.css's
--color-referee/.pill-referee) so it reads as a different kind of --color-referee/.pill-referee) so it reads as a different kind of
commitment at a glance. commitment at a glance -- text/layout otherwise matches that row exactly
(no icon, same truncate-on-one-line title), so the accent colour is the
only thing setting it apart, not a different shape.
Expects ``row`` ({event, referee_signup, referee_member}) in scope -- Expects ``row`` ({event, referee_signup, referee_member}) in scope --
referee_member is only set once there's more than one managed person to referee_member is only set once there's more than one managed person to
@@ -24,10 +26,7 @@
</div> </div>
<div class="w-[3px] shrink-0 self-stretch rounded-full" style="background: var(--color-referee)"></div> <div class="w-[3px] shrink-0 self-stretch rounded-full" style="background: var(--color-referee)"></div>
<div class="min-w-0 flex-1"> <div class="min-w-0 flex-1">
<div class="flex items-center gap-1 text-sm font-semibold text-ink"> <div class="truncate text-sm font-semibold text-ink">{% trans "Referee" %} &middot; {{ row.event.title }}</div>
{% lucide "flag" size=13 stroke_width=2.4 class="shrink-0 text-referee" %}
<span class="truncate">{% trans "Referee" %} &middot; {{ row.event.title }}</span>
</div>
<div class="truncate text-xs text-muted"> <div class="truncate text-xs text-muted">
{{ row.event.start|date:"H:i" }} {{ row.event.start|date:"H:i" }}
{% if row.referee_member %}&middot; {{ row.referee_member.first_name }}{% endif %} {% if row.referee_member %}&middot; {{ row.referee_member.first_name }}{% endif %}

2
static/css/mobile.css
View File

File diff suppressed because one or more lines are too long