From ae2bc56c043f27287f689e688bb24f131075e9c3 Mon Sep 17 00:00:00 2001
From: Klaas van Schelven <klaas@vanschelven.com>
Date: Tue, 15 Jul 2025 10:23:55 +0200
Subject: [PATCH] Text-overflow for issue pages (date and '1 of 1 total')

> that "10 july ... event 1 of 1 total" should get overflow properties just like the exception.type below it.

See #120
---
 issues/templates/issues/breadcrumbs.html   | 2 +-
 issues/templates/issues/event_details.html | 2 +-
 issues/templates/issues/stacktrace.html    | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/issues/templates/issues/breadcrumbs.html b/issues/templates/issues/breadcrumbs.html
index 8749c1c..48f6143 100644
--- a/issues/templates/issues/breadcrumbs.html
+++ b/issues/templates/issues/breadcrumbs.html
@@ -8,7 +8,7 @@
 
 <div class="flex">
     <div class="overflow-hidden">
-        <div class="italic">{{ event.ingested_at|date:"j M G:i T" }} (Event {{ event.digest_order|intcomma }} of {{ issue.digested_event_count|intcomma }} total{% if q %} — {{ event_qs_count|intcomma }} found by search{% endif %})</div>
+        <div class="italic text-ellipsis whitespace-nowrap overflow-hidden">{{ event.ingested_at|date:"j M G:i T" }} (Event {{ event.digest_order|intcomma }} of {{ issue.digested_event_count|intcomma }} total{% if q %} — {{ event_qs_count|intcomma }} found by search{% endif %})</div>
     </div>
 
     <div class="ml-auto flex-none">
diff --git a/issues/templates/issues/event_details.html b/issues/templates/issues/event_details.html
index 8c8ce87..42efa54 100644
--- a/issues/templates/issues/event_details.html
+++ b/issues/templates/issues/event_details.html
@@ -7,7 +7,7 @@
 
 <div class="flex">
     <div class="overflow-hidden">
-        <div class="italic">{{ event.ingested_at|date:"j M G:i T" }} (Event {{ event.digest_order|intcomma }} of {{ issue.digested_event_count|intcomma }} total{% if q %} — {{ event_qs_count|intcomma }} found by search{% endif %})</div>
+        <div class="italic text-ellipsis whitespace-nowrap overflow-hidden">{{ event.ingested_at|date:"j M G:i T" }} (Event {{ event.digest_order|intcomma }} of {{ issue.digested_event_count|intcomma }} total{% if q %} — {{ event_qs_count|intcomma }} found by search{% endif %})</div>
     </div>
 
     <div class="ml-auto flex-none">
diff --git a/issues/templates/issues/stacktrace.html b/issues/templates/issues/stacktrace.html
index 1963964..e96500e 100644
--- a/issues/templates/issues/stacktrace.html
+++ b/issues/templates/issues/stacktrace.html
@@ -31,7 +31,7 @@
     <div class="flex items-start flex-col-reverse lg:flex-row">
         <div class="overflow-hidden">
             {% if forloop.counter0 == 0 %}
-            <div class="italic">{{ event.ingested_at|date:"j M G:i T" }} (Event {{ event.digest_order|intcomma }} of {{ issue.digested_event_count|intcomma }} total{% if q %} — {{ event_qs_count|intcomma }} found by search{% endif %})</div>
+            <div class="italic text-ellipsis whitespace-nowrap overflow-hidden">{{ event.ingested_at|date:"j M G:i T" }} (Event {{ event.digest_order|intcomma }} of {{ issue.digested_event_count|intcomma }} total{% if q %} — {{ event_qs_count|intcomma }} found by search{% endif %})</div>
             {% endif %}
             <h1 class="text-2xl font-bold {% if forloop.counter0 > 0 %}mt-4{% endif %} text-ellipsis whitespace-nowrap overflow-hidden">{{ exception.type }}</h1>
             <div class="text-lg mb-4 text-ellipsis whitespace-nowrap overflow-hidden">{{ exception.value }}</div>