From 0153b1f847f1fd0c18c142794f5a647025669d5a Mon Sep 17 00:00:00 2001
From: Casper Verswijvelt <casperverswijvelt@gmail.com>
Date: Tue, 15 Jun 2021 21:29:59 +0200
Subject: [PATCH] Fix ellipsis in multiple tables (#152)

---
 shynet/dashboard/templates/dashboard/pages/service.html | 8 ++++----
 shynet/dashboard/templatetags/helpers.py                | 2 +-
 2 files changed, 5 insertions(+), 5 deletions(-)

diff --git a/shynet/dashboard/templates/dashboard/pages/service.html b/shynet/dashboard/templates/dashboard/pages/service.html
index 75b9281..911c9cf 100644
--- a/shynet/dashboard/templates/dashboard/pages/service.html
+++ b/shynet/dashboard/templates/dashboard/pages/service.html
@@ -184,7 +184,7 @@
                     <td class="flex items-center truncate w-full max-w-0 relative" title="{{os.os|default:'Unknown'}}">
                         {% include 'dashboard/includes/bar.html' with count=os.count max=stats.operating_systems.0.count total=stats.session_count %}
                         <div class="relative flex items-center">
-                            {{os.os|iconify}}<span>{{os.os|default:"Unknown"}}</span>
+                            {{os.os|iconify}}<span class="truncate">{{os.os|default:"Unknown"}}</span>
                         </div>
                     </td>
                     <td>
@@ -219,7 +219,7 @@
                         {% include 'dashboard/includes/bar.html' with count=browser.count max=stats.browsers.0.count total=stats.session_count %}
                         </div>
                         <div class="relative flex items-center">
-                            {{browser.browser|iconify}}<span>{{browser.browser|default:"Unknown"}}</span>
+                            {{browser.browser|iconify}}<span class="truncate">{{browser.browser|default:"Unknown"}}</span>
                         </div>
                     </td>
                     <td>
@@ -253,7 +253,7 @@
                     <td class="truncate w-full max-w-0 relative">
                         {% include 'dashboard/includes/bar.html' with count=device_type.count max=stats.device_types.0.count total=stats.session_count %}
                         <div class="relative flex items-center">
-                            {{device_type.device_type|default:"Unknown"|title}}
+                            <span class="truncate">{{device_type.device_type|default:"Unknown"|title}}</span>
                         </div>
                     </td>
                     <td>
@@ -274,7 +274,7 @@
         </table>
     </div>
 </div>
-<div class="card ~neutral !low py-2">
+<div class="card ~neutral !low py-2 overflow-auto">
     {% include 'dashboard/includes/session_list.html' %}
     <hr class="sep h-8 md:h-12">
     <a href="{% contextual_url 'dashboard:service_session_list' service.uuid %}" class="button ~neutral w-auto mb-2">View more
diff --git a/shynet/dashboard/templatetags/helpers.py b/shynet/dashboard/templatetags/helpers.py
index b3418b1..7e9ba63 100644
--- a/shynet/dashboard/templatetags/helpers.py
+++ b/shynet/dashboard/templatetags/helpers.py
@@ -189,7 +189,7 @@ def urldisplay(url):
     if url.startswith("http"):
         display_url = url.replace("http://", "").replace("https://", "")
         return SafeString(
-            f"<a href='{url}' title='{url}' rel='nofollow' class='flex items-center mr-1'>{iconify(url)}<span class='truncate'>{escape(display_url)}</span></a>"
+            f"<a href='{url}' title='{url}' rel='nofollow' class='flex items-center mr-1 truncate'>{iconify(url)}<span class='truncate'>{escape(display_url)}</span></a>"
         )
     else:
         return url