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

Visual fixes and changes for tickets page

Browse Source
This commit is contained in:
Corban-Lee Jones 2024-01-19 17:55:10 +00:00
parent c62b975670
commit 4e70005cac
2 changed files with 40 additions and 8 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

@ -83,6 +83,14 @@ body {
border-bottom: 1px solid var(--bs-border-color) !important; border-bottom: 1px solid var(--bs-border-color) !important;
} }
.w-fc {
width: fit-content;
}
.h-fc {
height: fit-content;
}
/* Ticket List Items */ /* Ticket List Items */
@ -105,6 +113,10 @@ body {
object-fit: cover; object-fit: cover;
} }
.ticket-item .ticket-item-author {
margin-bottom: 0;
}
.ticket-item .ticket-item-title { .ticket-item .ticket-item-title {
color: var(--bs-body-color); color: var(--bs-body-color);
font-size: 1rem; font-size: 1rem;
@ -117,6 +129,11 @@ body {
text-overflow: ellipsis; text-overflow: ellipsis;
overflow: hidden; overflow: hidden;
white-space: nowrap; white-space: nowrap;
max-height: 3rem;
}
.ticket-item .ticket-item-tags .ticket-content-badge:last-child {
margin-right: 0 !important;
} }
.loading .email-list-item { .loading .email-list-item {
@ -153,6 +170,14 @@ body {
border-right: 1px solid var(--bs-border-color); border-right: 1px solid var(--bs-border-color);
} }
.email-app .email-side-nav .nav-item .nav-link {
color: var(--bs-tertiary-color);
}
.email-app .email-wrapper {
min-height: 0;
}
@media screen and (min-width: 992px) { @media screen and (min-width: 992px) {
.email-app .email-wrapper .email-list { .email-app .email-wrapper .email-list {
border-right: 1px solid var(--bs-border-color); border-right: 1px solid var(--bs-border-color);

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

@ -187,12 +187,15 @@
</div> </div>
</div> </div>
<div class="peer"> <div class="peer">
<div class="btn-group" role="group"> <div class="btn-group bg-body mX-3" role="group">
<button type="button" id="ticketItemsPrevPage" class="btn bg-body bdrs-2 mR-3" onclick="javascript: changeItemsPage(false);" disabled> <button type="button" id="ticketItemsPrevPage" class="btn bg-body bdrs-2" onclick="javascript: changeItemsPage(false);" disabled>
<i class="ti-angle-left"></i> <i class="ti-angle-left"></i>
</button> </button>
<button type="button" id="ticketItemsNextPage" class="btn bg-body bdrs-2 mR-3" onclick="javascript: changeItemsPage(true);" disabled> <div id="paginationCounts" class="bg-body pX-3 small d-flex ai-c">
<i class="ti-angle-right"></i> <span class="current">-</span>/<span class="total">-</span>
</div>
<button type="button" id="ticketItemsNextPage" class="btn bg-body bdrs-2" onclick="javascript: changeItemsPage(true);" disabled>
<i class="ti-angle-right align-center"></i>
</button> </button>
</div> </div>
</div> </div>
@ -425,7 +428,7 @@
<img src="" alt="" class="ticket-item-icon me-2"> <img src="" alt="" class="ticket-item-icon me-2">
</div> </div>
<div class="peer peer-greed ov-h"> <div class="peer peer-greed ov-h">
<div class="peers ai-c"> <div class="peers ai-c mb-2">
<div class="peer peer-greed"> <div class="peer peer-greed">
<h6 class="ticket-item-author"></h6> <h6 class="ticket-item-author"></h6>
</div> </div>
@ -433,8 +436,12 @@
<small class="ticket-item-datetime"></small> <small class="ticket-item-datetime"></small>
</div> </div>
</div> </div>
<h5 class="ticket-item-title"></h5> <h5 class="ticket-item-title mb-0"></h5>
<div class="ticket-item-desc"></div> <div class="ticket-item-desc mt-2"></div>
<div class="peers">
<div class="ticket-item-priority pe-5 peer peer-greed"></div>
<div class="ticket-item-tags peer d-flex flex-wrap mw-100"></div>
</div>
</div> </div>
</div> </div>
</script> </script>
@ -466,7 +473,7 @@
<!-- Ticket Content Badge Template --> <!-- Ticket Content Badge Template -->
<script id="ticketContentBadgeTemplate" type=text/template> <script id="ticketContentBadgeTemplate" type=text/template>
<div class="ticket-content-badge badge me-1"> <div class="ticket-content-badge badge rounded-pill mT-15 me-2">
<span class="ticket-content-badge-text"></span> <span class="ticket-content-badge-text"></span>
<i class="ticket-content-badge-icon"></i> <i class="ticket-content-badge-icon"></i>
</div> </div>