check / check (push) Waiting to run
At phone width, the event log cut off long event IDs and content types along with the statuses and times after them, and the webhook page ran long names past their cards and scrolled sideways. Elements that hold only a long value (a webhook, target or entrypoint name or description, an event ID, a content type) now break inside it, and the event log's title row wraps; rows themselves still wrap rather than squeeze. Wide screens are unchanged. A 390-pixel browser check of both pages, an event's attempts open, fails when anything runs past the page's or a card's edge or the page scrolls sideways. Model: opus-5-5
17 lines
1.2 KiB
HTML
17 lines
1.2 KiB
HTML
{{define "delivery_row"}}
|
|
<!-- The line that heads a delivery, as handlers.DeliveryView holds it:
|
|
in the event log, inside the button that shows its attempts, and on
|
|
an event's own page. Spans only, since a button may hold no div. -->
|
|
<span class="flex flex-1 flex-wrap items-center justify-between gap-3">
|
|
<span class="flex flex-wrap items-center gap-3">
|
|
<span class="text-sm text-gray-700 wrap-anywhere">{{.Target.DisplayName}}</span>
|
|
{{if .Replay}}<span class="text-xs text-gray-500">replay</span>{{end}}
|
|
<span class="text-xs {{if eq .Status "delivered"}}text-green-600{{else if eq .Status "failed"}}text-red-600{{else if eq .Status "retrying"}}text-yellow-600{{else}}text-gray-400{{end}}">{{with .Paused}}waiting: target paused after repeated failures, next try no earlier than {{.Until}} ({{.Relative}}){{else}}{{.Status}}{{end}}</span>
|
|
</span>
|
|
<span class="flex flex-wrap items-center gap-3">
|
|
<span class="text-xs text-gray-400" title="{{.CreatedUTC}}">created {{.Created}}</span>
|
|
<span class="text-xs text-gray-400">{{.AttemptCount}} attempt{{if ne .AttemptCount 1}}s{{end}}</span>
|
|
</span>
|
|
</span>
|
|
{{end}}
|