Match task status pills to cookbook style
This commit is contained in:
@@ -9959,22 +9959,40 @@ textarea.memory-add-input {
|
||||
display: inline-flex;
|
||||
align-items: center;
|
||||
gap: 3px;
|
||||
font-size: 10px;
|
||||
font-size: 9px;
|
||||
font-weight: 600;
|
||||
text-transform: uppercase;
|
||||
letter-spacing: 0.5px;
|
||||
padding: 2px 6px;
|
||||
border-radius: 10px;
|
||||
letter-spacing: 0.3px;
|
||||
padding: 1px 6px;
|
||||
border-radius: 3px;
|
||||
flex-shrink: 0;
|
||||
cursor: pointer;
|
||||
border: 1px solid transparent;
|
||||
line-height: 16px;
|
||||
font-family: 'Fira Code', monospace;
|
||||
transition: transform 0.12s ease, border-color 0.12s ease, background 0.12s ease, filter 0.12s ease;
|
||||
user-select: none;
|
||||
}
|
||||
.task-paused-badge {
|
||||
color: var(--orange, #ff9800);
|
||||
background: color-mix(in srgb, var(--orange, #ff9800) 12%, transparent);
|
||||
color: var(--orange, #ffb86c);
|
||||
background: color-mix(in srgb, var(--orange, #ffb86c) 22%, transparent);
|
||||
border-color: color-mix(in srgb, var(--orange, #ffb86c) 35%, transparent);
|
||||
}
|
||||
.task-active-badge {
|
||||
color: var(--green, #50fa7b);
|
||||
background: color-mix(in srgb, var(--green, #50fa7b) 12%, transparent);
|
||||
background: color-mix(in srgb, var(--green, #50fa7b) 20%, transparent);
|
||||
border-color: color-mix(in srgb, var(--green, #50fa7b) 35%, transparent);
|
||||
}
|
||||
.task-status-badge:hover {
|
||||
filter: brightness(1.08) saturate(1.15);
|
||||
}
|
||||
.task-paused-badge:hover {
|
||||
background: color-mix(in srgb, var(--orange, #ffb86c) 30%, transparent);
|
||||
border-color: color-mix(in srgb, var(--orange, #ffb86c) 55%, transparent);
|
||||
}
|
||||
.task-active-badge:hover {
|
||||
background: color-mix(in srgb, var(--green, #50fa7b) 28%, transparent);
|
||||
border-color: color-mix(in srgb, var(--green, #50fa7b) 55%, transparent);
|
||||
}
|
||||
|
||||
.task-builtin-badge {
|
||||
|
||||
Reference in New Issue
Block a user