LotusGuild/tinker_tickets
2
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

Fixed MAJOR bugs, currently at a semi-stable state

Browse Source
This commit is contained in:
Jared Vititoe
2025-09-05 11:08:56 -04:00
parent 19f436a17c
commit e05434137c
14 changed files with 1559 additions and 1106 deletions
Download Patch File Download Diff File Expand all files Collapse all files

191
assets/css/ticket.css
View File

@ -1,3 +1,42 @@
/* ===== TICKET PAGE SPECIFIC STYLES ===== */
/* Status colors for ticket page */
.status-Open,
[id="statusDisplay"].status-Open {
background-color: var(--status-open) !important;
color: white !important;
padding: 8px 16px;
border-radius: 6px;
font-weight: 500;
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 0.5px;
}
.status-In-Progress,
[id="statusDisplay"].status-In-Progress {
background-color: var(--status-in-progress) !important;
color: #212529 !important;
padding: 8px 16px;
border-radius: 6px;
font-weight: 500;
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 0.5px;
}
.status-Closed,
[id="statusDisplay"].status-Closed {
background-color: var(--status-closed) !important;
color: white !important;
padding: 8px 16px;
border-radius: 6px;
font-weight: 500;
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 0.5px;
}
/* Base Layout Components */
.ticket-container {
width: 90%;
@ -14,9 +53,13 @@
transition: border-color 0.3s ease;
}
.full-width {
grid-column: 1 / -1;
}
/* Priority border colors */
[data-priority="1"] { border-color: var(--priority-1); }
[data-priority="2"] { border-color: var(--priority-2); }
[data-priority="3"] { border-color: var(--priority-3); }
[data-priority="4"] { border-color: var(--priority-4); }
[data-priority="5"] { border-color: var(--priority-5); }
/* Header Components */
.ticket-header {
display: flex;
@ -51,11 +94,17 @@
margin-right: 20px;
}
h1 {
margin: 0;
padding: 0;
width: 100%;
display: block;
.status-priority-group {
display: flex;
gap: 10px;
align-items: center;
margin-right: 15px;
}
.priority-indicator {
padding: 4px 8px;
border-radius: 4px;
font-weight: bold;
}
/* Title Input Styles */
@ -74,7 +123,9 @@ h1 {
line-height: 1.4;
min-height: fit-content;
height: auto;
}.title-input:not(:disabled) {
}
.title-input:not(:disabled) {
border-color: var(--border-color);
background: var(--bg-primary);
}
@ -102,13 +153,8 @@ h1 {
font-weight: 500;
}
#statusDisplay {
padding: 8px 16px;
border-radius: 6px;
font-weight: 500;
text-transform: uppercase;
font-size: 0.9em;
letter-spacing: 0.5px;
.full-width {
grid-column: 1 / -1;
}
.editable {
@ -128,17 +174,17 @@ input.editable {
textarea.editable {
width: calc(100% - 20px);
min-height: 800px !important;
height: auto !important; /* Allow it to grow with content */
height: auto !important;
box-sizing: border-box;
white-space: pre; /* Preserve formatting */
font-family: monospace; /* Better for ASCII art */
line-height: 1.2; /* Tighter line spacing for ASCII art */
white-space: pre;
font-family: monospace;
line-height: 1.2;
}
#description-tab {
min-height: 850px !important; /* Slightly larger than the textarea */
min-height: 850px !important;
height: auto !important;
padding-bottom: 20px; /* Add some padding at the bottom */
padding-bottom: 20px;
}
.editable:disabled {
@ -174,89 +220,6 @@ textarea.editable {
box-shadow: 0 2px 4px rgba(0,0,0,0.1);
}
/* Status and Priority Styles */
.status-priority-row {
display: flex;
gap: 20px;
}
.detail-half {
flex: 1;
}
.status-priority-group {
display: flex;
gap: 10px;
align-items: center;
margin-right: 15px;
}
.priority-indicator {
padding: 4px 8px;
border-radius: 4px;
font-weight: bold;
}
/* Priority Select Styles */
select[data-field="priority"] {
border-left: 4px solid;
}
select[data-field="priority"] option {
padding: 10px;
}
select[data-field="priority"] option[value="1"] {
background-color: var(--priority-1);
}
select[data-field="priority"] option[value="2"] {
background-color: var(--priority-2);
}
select[data-field="priority"] option[value="3"] {
background-color: var(--priority-3);
}
select[data-field="priority"] option[value="4"] {
background-color: var(--priority-4);
}
select[data-field="priority"][value="1"] {
border-left-color: var(--priority-1);
}
select[data-field="priority"][value="2"] {
border-left-color: var(--priority-2);
}
select[data-field="priority"][value="3"] {
border-left-color: var(--priority-3);
}
select[data-field="priority"][value="4"] {
border-left-color: var(--priority-4);
}
select[data-field="priority"] option[value="1"]:hover {
background-color: #ffc9c9;
color: var(--text-primary);
}
select[data-field="priority"] option[value="2"]:hover {
background-color: #ffe0b2;
color: var(--text-primary);
}
select[data-field="priority"] option[value="3"]:hover {
background-color: #bbdefb;
color: var(--text-primary);
}
select[data-field="priority"] option[value="4"]:hover {
background-color: #c8e6c9;
color: var(--text-primary);
}
[data-priority="1"] { border-color: var(--priority-1); }
[data-priority="2"] { border-color: var(--priority-2); }
[data-priority="3"] { border-color: var(--priority-3); }
[data-priority="4"] { border-color: var(--priority-4); }
/* Comments Section */
.comments-section {
margin-top: 40px;
@ -306,7 +269,23 @@ select[data-field="priority"] option[value="4"]:hover {
.comment-text {
color: var(--text-primary);
line-height: 1.4;
line-height: 1.6;
word-wrap: break-word;
margin: 0;
padding: 0;
white-space: normal;
}
.comment-text p {
margin: 0.5em 0;
}
.comment-text p:first-child {
margin-top: 0;
}
.comment-text p:last-child {
margin-bottom: 0;
}
.comment-controls {