Michael Mainguy
35537b8a5b
- Add getPriorityIcon() function with visual priority indicators: 🔥 VeryHigh, 🔺 High, 🟡 Medium, 🔹 Low, 🐢 VeryLow - Display priority icons in both table rows and detail view - Add priorityCell CSS class with fixed width and no-wrap styling - Update tooltip to show icon legend for all priority levels - Enhance table hover effects with brightness filter and dashed borders 🤖 Generated with [Claude Code](https://claude.ai/code) Co-Authored-By: Claude <noreply@anthropic.com>
52 lines
921 B
CSS
52 lines
921 B
CSS
/* Standardized status indicator classes */
|
|
.success {
|
|
background-color: var(--color-bg-success);
|
|
color: var(--color-success);
|
|
|
|
}
|
|
|
|
.warning {
|
|
background-color: var(--color-bg-warning);
|
|
color: var(--color-warning);
|
|
|
|
}
|
|
|
|
.danger {
|
|
background-color: var(--color-bg-danger);
|
|
color: var(--color-danger);
|
|
|
|
}
|
|
td {
|
|
padding: 2px 8px;
|
|
border-radius: var(--radius-md);
|
|
border: 1px solid var(--color-bg);
|
|
}
|
|
tr {
|
|
border: 1px solid #ffffff;
|
|
}
|
|
|
|
tr:hover, tr:hover td {
|
|
border: 1px dashed var(--color-bg-hover);
|
|
}
|
|
tr:hover {
|
|
filter: brightness(290%);
|
|
}
|
|
a {
|
|
color: var(--color-text);
|
|
text-decoration: none;
|
|
}
|
|
|
|
/* Priority cell styling to prevent wrapping */
|
|
.priorityCell {
|
|
white-space: nowrap;
|
|
min-width: 120px;
|
|
width: 120px;
|
|
text-align: center;
|
|
}
|
|
|
|
.priorityCell span {
|
|
display: inline-flex;
|
|
align-items: center;
|
|
justify-content: center;
|
|
gap: 4px;
|
|
} |