From cc2262f4f7db117afb1155e50529a33e115d0790 Mon Sep 17 00:00:00 2001
From: Tran Tuyet <54369669+trantuyet@users.noreply.github.com>
Date: Sun, 4 Aug 2024 17:33:49 +0700
Subject: [PATCH] Show full reason when users request membership (#375)

Co-authored-by: Le Bao Hiep <baohiep2013@gmail.com>
---
 templates/organization/requests/pending.html | 23 ++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/templates/organization/requests/pending.html b/templates/organization/requests/pending.html
index 892b78cca..518cd6665 100644
--- a/templates/organization/requests/pending.html
+++ b/templates/organization/requests/pending.html
@@ -1,5 +1,24 @@
 {% extends "base.html" %}
 {% block body %}
+    <style>
+        table {
+            width: 100%;
+            table-layout: fixed;
+        }
+
+        .reason{
+            overflow: hidden;
+            text-overflow: ellipsis;
+            word-break: break-all;
+            white-space: nowrap;
+            width: 30%;
+        }
+
+        .reason:hover {
+            overflow: visible;
+            white-space: unset;
+        }
+    </style>
     {% include "messages.html" %}
     {% include "organization/requests/tabs.html" %}
 
@@ -12,7 +31,7 @@
                     <th>{{ _('User') }}</th>
                     <th>{{ _('Time') }}</th>
                     <th>{{ _('State') }}</th>
-                    <th>{{ _('Reason') }}</th>
+                    <th class="reason">{{ _('Reason') }}</th>
                     {% if formset.can_delete %}
                         <th>{{ _('Delete?') }}</th>
                     {% endif %}
@@ -24,7 +43,7 @@
                             {{ form.instance.time|date(_("N j, Y, H:i")) }}
                         </a></td>
                         <td>{{ form.state }}</td>
-                        <td>{{ form.instance.reason|truncatechars(50) }}</td>
+                        <td class="reason">{{ form.instance.reason }}</td>
                         {% if formset.can_delete %}
                             <td>{{ form.DELETE }}</td>
                         {% endif %}