110 lines
2.1 KiB
CSS
110 lines
2.1 KiB
CSS
/* ==== ADMIN COMMENT STYLING ==== */
|
|
.comment.admin .comment-content {
|
|
background-color: rgba(99, 102, 241, 0.08);
|
|
border-left: 3px solid var(--color-primary);
|
|
}
|
|
.comment.admin .comment-author::after {
|
|
content: " (Admin)";
|
|
color: var(--color-primary);
|
|
font-weight: normal;
|
|
margin-left: 4px;
|
|
}
|
|
|
|
/* ==== ACTION BUTTONS (nur Admin hat mehrere Buttons) ==== */
|
|
.ticket-actions-bar {
|
|
margin-top: 20px;
|
|
display: flex;
|
|
gap: 10px;
|
|
flex-wrap: wrap;
|
|
}
|
|
.btn-secondary {
|
|
padding: 10px 16px;
|
|
border: 1px solid rgba(99, 102, 241, 0.2);
|
|
border-radius: var(--radius);
|
|
cursor: pointer;
|
|
font-weight: 600;
|
|
transition: all 0.25s ease;
|
|
background: rgba(99, 102, 241, 0.15);
|
|
color: #818cf8;
|
|
}
|
|
.btn-secondary:hover {
|
|
background: rgba(99, 102, 241, 0.25);
|
|
border-color: rgba(99, 102, 241, 0.3);
|
|
}
|
|
|
|
/* ==== CUSTOM ADMIN LAYOUT FIX ==== */
|
|
.ticket-meta-block {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 20px;
|
|
}
|
|
@media (min-width: 600px) {
|
|
.ticket-info-grid {
|
|
grid-template-columns: repeat(3, 1fr);
|
|
}
|
|
/* GRID ADMIN SIDE ORDER */
|
|
|
|
.ticket-info-grid {
|
|
display: grid;
|
|
grid-template-columns: repeat(3, 1fr);
|
|
grid-template-rows: auto auto auto;
|
|
gap: 15px;
|
|
}
|
|
|
|
/* Description: span all 3 columns on row 1 */
|
|
.info-item.description {
|
|
grid-column: 1 / 4;
|
|
grid-row: 1 / 2;
|
|
}
|
|
|
|
/* Created, Updated, Time: row 2 */
|
|
.info-item.created {
|
|
grid-column: 1 / 2;
|
|
grid-row: 2 / 3;
|
|
}
|
|
.info-item.updated {
|
|
grid-column: 2 / 3;
|
|
grid-row: 2 / 3;
|
|
}
|
|
.ticket-info-grid > div:nth-child(4) {
|
|
grid-column: 3 / 4;
|
|
grid-row: 2 / 3;
|
|
}
|
|
|
|
/* Status, Priority, Category: row 3 */
|
|
.info-item.status {
|
|
grid-column: 1 / 2;
|
|
grid-row: 3 / 4;
|
|
}
|
|
.info-item.priority {
|
|
grid-column: 2 / 3;
|
|
grid-row: 3 / 4;
|
|
}
|
|
.info-item.category {
|
|
grid-column: 3 / 4;
|
|
grid-row: 3 / 4;
|
|
}
|
|
|
|
.forms-row {
|
|
display: flex;
|
|
gap: 20px;
|
|
align-items: flex-start;
|
|
}
|
|
|
|
.compact-form {
|
|
flex: 1;
|
|
display: grid;
|
|
grid-template-columns: 1fr;
|
|
gap: 10px;
|
|
}
|
|
|
|
.forms-row input,
|
|
.forms-row textarea {
|
|
width: 100%;
|
|
}
|
|
|
|
@media (max-width: 700px) {
|
|
.forms-row {
|
|
flex-direction: column;
|
|
}
|
|
} |