JUSN/tickte-system
0
0
Fork 0
Code Issues Pull Requests 1 Actions Packages Projects Releases Wiki Activity

design update

Browse Source
This commit is contained in:
Kenso Grimm
2025-12-30 01:27:00 +01:00
parent 3f8fce3c02
commit 5717612db5
51 changed files with 959 additions and 793 deletions
Download Patch File Download Diff File Expand all files Collapse all files

82
src/styles/global.css
View File

@@ -329,6 +329,7 @@ textarea.form-control {
.ticket-row td {
background: rgba(45, 55, 72, 0.95);
border: 1px solid rgba(16, 185, 129, 0.2);
border-radius: 0 !important;
}
/* Second row of ticket (no top border to avoid line in rowspan cells) */
@@ -345,6 +346,60 @@ textarea.form-control {
box-shadow: none;
}
/* Collapsed Ticket - All 4 outermost corners rounded */
/* WOID cell (left side) - top and bottom corners */
.ticket-collapsed .ticket-id {
border-top-left-radius: 12px !important;
border-bottom-left-radius: 12px !important;
}
/* Lock cell (right side) - top and bottom corners */
.ticket-collapsed td.bg-dark-grey {
border-top-right-radius: 12px !important;
border-bottom-right-radius: 12px !important;
}
/* Expanded Ticket - Only top 2 outermost corners rounded */
/* WOID cell (left side) - only top corner, bottom stays square */
.ticket-expanded .ticket-id {
border-top-left-radius: 12px !important;
border-bottom-left-radius: 0 !important;
}
/* Lock cell (right side) - only top corner, bottom stays square */
.ticket-expanded td.bg-dark-grey {
border-top-right-radius: 12px !important;
border-bottom-right-radius: 0 !important;
}
/* Worksheet Expansion with Animation */
.worksheet-expansion {
animation: slideDown 0.4s ease-out;
}
.worksheet-cell {
background: transparent !important;
border: none !important;
padding: 0 !important;
}
.worksheet-cell .card {
border-radius: 0 0 12px 12px !important;
margin-top: -1px;
animation: fadeIn 0.4s ease-out;
}
@keyframes slideDown {
from {
opacity: 0;
transform: translateY(-10px);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.ticket-id {
background: linear-gradient(135deg, #2d3748 0%, #1a202c 100%) !important;
color: #fff;
@@ -354,6 +409,16 @@ textarea.form-control {
font-weight: bold;
padding: 16px;
border: 1px solid rgba(16, 185, 129, 0.2) !important;
transition: border-radius 0.3s ease;
}
/* WOID rounded when collapsed, square bottom when expanded */
.ticket-id:not(.ticket-id-expanded) {
border-radius: 12px;
}
.ticket-id-expanded {
border-radius: 12px 12px 0 0;
}
.ticket-time {
@@ -385,6 +450,21 @@ textarea.form-control {
.dropdown {
position: relative;
display: inline-block;
width: 100%;
text-align: center;
}
.dropdown .btn {
width: 100%;
padding: 6px 12px;
font-size: 12px;
border: none !important;
box-shadow: none !important;
background: inherit !important;
color: inherit !important;
text-align: center;
display: inline-block;
margin: 0;
}
.dropdown-content {
@@ -396,6 +476,8 @@ textarea.form-control {
border: 1px solid rgba(16, 185, 129, 0.3);
border-radius: 6px;
z-index: 100;
left: 50%;
transform: translateX(-50%);
}
.dropdown:hover .dropdown-content {