New changes.

main
nataly 10 months ago
parent 71d175014c
commit 708939c1d3

@ -51,7 +51,7 @@
Last Updated
</th>
<th scope="col"
class="px-6 py-3 text-sm font-medium text-gray-500 border-r border-gray-300 uppercase whitespace-nowrap">
class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
Updated By
</th>
</tr>
@ -62,7 +62,7 @@
{% for ticket in open_tickets %}
<tr data-href="{% url 'customerticketdetails' ticket.ticket_number %}" class="hover:bg-gray-100 duration-300 cursor-pointer">
<td class="max-w-[250px] px-6 py-4 text-center text-sm border-r border-gray-300">
<td class="min-w-[250px] max-w-[250px] px-6 py-4 text-center text-sm border-r border-gray-300">
<div class="w-full flex {% if ticket.unread_updates_count > 0 %} justify-between {% else %} justify-center {% endif %} items-center gap-3">
<a href="{% url 'customerticketdetails' ticket.ticket_number %}">
<p class="text-secondosiblue">{{ticket.title }}</p>
@ -94,7 +94,7 @@
<p class="text-secondosiblue">{{ticket.ticketupdate_set.last.date_added}}</p>
</td>
<td class="px-6 py-4 text-center text-sm border-r border-gray-300">
<td class="px-6 py-4 text-center text-sm">
<p class="text-secondosiblue">{{ticket.ticketupdate_set.last.added_by.first_name}}</p>
</td>
</tr>

Binary file not shown.

@ -146,12 +146,9 @@
Last Updated
</th>
<th scope="col"
class="px-6 py-3 text-sm font-medium text-gray-500 border-r border-gray-300 uppercase whitespace-nowrap">
class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
Updated By
</th>
<th scope="col" class="px-6 py-3 text-sm font-medium text-gray-500 uppercase whitespace-nowrap">
Unread
</th>
</tr>
</thead>
@ -160,10 +157,20 @@
<tbody class="bg-white divide-y divide-gray-200">
<tr data-href="{% url 'customerticketdetails' ticket.ticket_number %}"
class="hover:bg-gray-100 duration-300 cursor-pointer">
<td class="px-6 py-4 text-center text-sm border-r border-gray-300">
<a href="{% url 'customerticketdetails' ticket.ticket_number %}">
<p class="text-secondosiblue cursor-pointer">{{ticket.title}}</p>
</a>
<td class="min-w-[250px] max-w-[250px] px-6 py-4 text-center text-sm border-r border-gray-300">
<div class="w-full flex {% if ticket.unread_updates_count > 0 %} justify-between {% else %} justify-center {% endif %} items-center gap-3">
<a href="{% url 'customerticketdetails' ticket.ticket_number %}">
<p class="text-secondosiblue">{{ticket.title }}</p>
</a>
{% if ticket.unread_updates_count > 0 %}
<div>
<div class="w-[25px] h-[25px] rounded-full bg-green-700 text-white flex justify-center items-center text-sm">
<p>{{ticket.unread_updates_count}}</p>
</div>
</div>
{% endif %}
</div>
</td>
<td class="px-6 py-4 text-center text-sm border-r border-gray-300">
@ -180,18 +187,9 @@
</td>
<td class="px-6 py-4 text-center text-sm border-r border-gray-300">
<td class="px-6 py-4 text-center text-sm">
<p class="text-secondosiblue">{{ticket.ticketupdate_set.last.added_by.first_name}}</p>
</td>
<td class="px-6 py-4 text-center items-center text-sm">
<div class="w-full flex justify-center items-center">
<div
class="w-[40px] h-[40px] rounded-full border-2 border-secondosiblue flex justify-center items-center">
<p class="text-secondosiblue">{{ticket.unread_updates_count}}</p>
</div>
</div>
</td>
</tr>
</tbody>
{% endfor %}

@ -75,7 +75,7 @@
<tbody class="bg-white divide-y divide-gray-200">
<tr>
<td class="max-w-[300px] px-6 py-4 text-sm border-r border-gray-300">
<td class="min-w-[300px] max-w-[300px] px-6 py-4 text-sm border-r border-gray-300">
<div class="w-full flex {% if ticket.unread_updates_count > 0 %} justify-between {% else %} justify-center text-center {% endif %} items-center gap-3">
<p class="text-secondosiblue">{{ticket.title}}</p>

@ -1553,6 +1553,14 @@ video {
min-width: 100%;
}
.min-w-\[250px\] {
min-width: 250px;
}
.min-w-\[300px\] {
min-width: 300px;
}
.max-w-0 {
max-width: 0px;
}

Loading…
Cancel
Save