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 { .ticket-item .ticket-item-complex {
transition: all 0.3s ease; transition: all 0.3s ease;
overflow: visible; overflow: hidden;
width: 2rem; width: 2rem;
} }
#ticketsContainer:not(.complex-items) .ticket-item .ticket-item-complex { #ticketsContainer:not(.complex-items) .ticket-item .ticket-item-complex {
margin: 0 !important; margin: 0 !important;
width: 0 !important; width: 0 !important;
overflow: hidden;
} }
.ticket-item .ticket-item-complex .badge { .ticket-item .ticket-item-complex .badge {
min-width: 1.8rem; 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 { .ticket-item .ticket-item-icon {
width: 2rem; width: 2rem;
height: 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 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"> <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"> <img src="" alt="" class="ticket-item-icon">
<div class="ticket-item-department badge rounded mt-auto"> <div class="mt-auto">
<i class="fa fa-users"></i> <div class="ticket-item-department badge rounded mb-2">
<div class="ticket-item-complex-expand"> <i class="fa fa-users"></i>
THis is a TEST </div>
<div class="ticket-item-priority badge rounded">
<i class="fa fa-folder"></i>
</div> </div>
</div>
<div class="ticket-item-priority badge rounded mt-2">
<i class="fa fa-folder"></i>
</div> </div>
</div> </div>
<div class="peer peer-greed ov-h"> <div class="peer peer-greed ov-h">