Luca Haid
6593e921ee
Notiz column now has max 5 lines with expand/collapse animation and auto-resizing edit textarea. Moved raw SQL query to WorkorderModel::getPreorderIdsByCampaigns() to fix OOM in archiveWorkorders(). Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
99 lines
2.0 KiB
CSS
99 lines
2.0 KiB
CSS
/*
|
|
* CSS for Workorder Table Row Highlighting
|
|
*/
|
|
|
|
/* Urgent: Deadline passed or less than 1 week away */
|
|
.table-hover .tt-rml-workorder-urgent:hover,
|
|
.tt-rml-workorder-urgent {
|
|
background-color: #fbe9e7 !important; /* Soft Red */
|
|
}
|
|
|
|
/* Medium: Deadline less than 3 weeks away */
|
|
.table-hover .tt-rml-workorder-medium:hover,
|
|
.tt-rml-workorder-medium {
|
|
background-color: #fff8e1 !important; /* Soft Yellow */
|
|
}
|
|
|
|
/* On Track: Deadline more than 3 weeks away */
|
|
.table-hover .tt-rml-workorder-ontrack:hover,
|
|
.tt-rml-workorder-ontrack {
|
|
background-color: #e8f5e9 !important; /* Soft Green */
|
|
}
|
|
|
|
/* Irrelevant: No deadline or status makes it not applicable */
|
|
.table-hover .tt-rml-workorder-irrelevant:hover,
|
|
.tt-rml-workorder-irrelevant {
|
|
background-color: #fafafa !important; /* Very light grey */
|
|
}
|
|
|
|
.table-hover .tt-rml-workorder-high:hover,
|
|
.tt-rml-workorder-high {
|
|
background-color: #f8d7da !important; /* A slightly more intense red for high priority issues */
|
|
}
|
|
|
|
.tt-file-gallery-item.border.border-danger {
|
|
border: 4px solid #f1556c!important;
|
|
}
|
|
|
|
.RMLWorkorderCompany-table .modal-body {
|
|
overflow-y: hidden;
|
|
}
|
|
|
|
.workorder-button {
|
|
padding: 2px !important;
|
|
}
|
|
|
|
.wo-notiz-text {
|
|
white-space: pre-wrap;
|
|
word-break: break-word;
|
|
max-width: 250px;
|
|
max-height: calc(5 * 1.5em);
|
|
overflow: hidden;
|
|
transition: max-height 0.3s ease;
|
|
}
|
|
|
|
.wo-notiz-text.wo-notiz-expanded {
|
|
max-height: 2000px;
|
|
}
|
|
|
|
.wo-notiz-actions {
|
|
display: flex;
|
|
align-items: center;
|
|
gap: 8px;
|
|
margin-top: 2px;
|
|
}
|
|
|
|
.wo-notiz-toggle {
|
|
font-size: 0.8rem;
|
|
color: #007bff;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
border: none;
|
|
background: none;
|
|
white-space: nowrap;
|
|
}
|
|
|
|
.wo-notiz-toggle:hover {
|
|
color: #0056b3;
|
|
text-decoration: underline;
|
|
}
|
|
|
|
.wo-notiz-edit-btn {
|
|
color: #007bff;
|
|
cursor: pointer;
|
|
padding: 0;
|
|
}
|
|
|
|
.wo-notiz-edit-btn:hover {
|
|
color: #0056b3;
|
|
}
|
|
|
|
.wo-notiz-edit {
|
|
min-width: 300px;
|
|
}
|
|
|
|
.wo-notiz-edit textarea {
|
|
min-height: 80px;
|
|
resize: vertical;
|
|
}
|