corbz/ticket-website
1
0
Fork 0
Code Issues 4 Pull Requests Packages Projects 1 Releases 1 Wiki Activity

Removed the ticket item complex details change

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-01-23 10:32:39 +00:00
parent dfef67642f
commit 1c5282e6c9
2 changed files with 7 additions and 33 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

27
apps/static/css/index.css
View File

@ -121,44 +121,19 @@ body {
.ticket-item .ticket-item-complex {
transition: all 0.3s ease;
overflow: visible;
overflow: hidden;
width: 2rem;
}
#ticketsContainer:not(.complex-items) .ticket-item .ticket-item-complex {
margin: 0 !important;
width: 0 !important;
overflow: hidden;
}
.ticket-item .ticket-item-complex .badge {
min-width: 1.8rem;
position: relative;
}
.ticket-item .ticket-item-complex .badge:hover {
margin-left: 2rem;
}
.ticket-item .ticket-item-complex .badge .ticket-item-complex-expand {
display: none;
}
.ticket-item .ticket-item-complex .badge:hover .ticket-item-complex-expand {
display: inline;
}
/*
.ticket-item .ticket-item-complex .badge:hover .ticket-item-complex-expand,
.ticket-item .ticket-item-complex .badge .ticket-item-complex-expand:hover {
display: inline;
width: fit-content;
}
*/
.ticket-item .ticket-item-icon {
width: 2rem;
height: 2rem;

13
apps/templates/home/tickets.html
View File

@ -407,14 +407,13 @@
<div class="ticket-item fxw-nw bdB peers fxw-nw p-20 w-100" data-uuid="-1">
<div class="ticket-item-complex peer mR-20 d-flex flex-column align-items-center align-self-stretch pos-r">
<img src="" alt="" class="ticket-item-icon">
<div class="ticket-item-department badge rounded mt-auto">
<i class="fa fa-users"></i>
<div class="ticket-item-complex-expand">
THis is a TEST
<div class="mt-auto">
<div class="ticket-item-department badge rounded mb-2">
<i class="fa fa-users"></i>
</div>
<div class="ticket-item-priority badge rounded">
<i class="fa fa-folder"></i>
</div>
</div>
<div class="ticket-item-priority badge rounded mt-2">
<i class="fa fa-folder"></i>
</div>
</div>
<div class="peer peer-greed ov-h">