feat: add carrier-aware signature retirement alerts
This commit is contained in:
hectorzhao
@@ -6523,6 +6523,160 @@
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap {
|
||||
padding: var(--space-5);
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap__heading,
|
||||
.signature-retirement-heatmap__actions {
|
||||
align-items: center;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap__actions {
|
||||
display: flex;
|
||||
gap: var(--space-3);
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap__actions .ui-field {
|
||||
min-width: 280px;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap__scroll {
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-md);
|
||||
overflow: auto;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap table {
|
||||
border-collapse: collapse;
|
||||
min-width: 100%;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap th,
|
||||
.signature-retirement-heatmap td {
|
||||
border-bottom: 1px solid var(--color-border);
|
||||
border-right: 1px solid var(--color-border);
|
||||
font-size: 12px;
|
||||
min-width: 48px;
|
||||
padding: 8px;
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap th:first-child {
|
||||
background: var(--color-surface);
|
||||
left: 0;
|
||||
min-width: 280px;
|
||||
position: sticky;
|
||||
text-align: left;
|
||||
z-index: 1;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap tbody th {
|
||||
align-items: center;
|
||||
display: flex;
|
||||
gap: var(--space-2);
|
||||
justify-content: space-between;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap__identity {
|
||||
display: grid;
|
||||
gap: 2px;
|
||||
min-width: 0;
|
||||
text-align: left;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap__identity strong {
|
||||
color: var(--color-text-strong);
|
||||
cursor: help;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap__identity small {
|
||||
color: var(--color-text-muted);
|
||||
font-weight: 400;
|
||||
overflow: hidden;
|
||||
text-overflow: ellipsis;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap td.is-zero {
|
||||
background: #f3f4f6;
|
||||
color: var(--color-text-muted);
|
||||
font-weight: 700;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap td.is-inapplicable {
|
||||
background: repeating-linear-gradient(135deg, #f8fafc, #f8fafc 4px, #eef2f7 4px, #eef2f7 8px);
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap td.is-rate-red { background: #fee2e2; color: #dc2626; font-weight: 700; }
|
||||
.signature-retirement-heatmap td.is-rate-orange { background: #ffedd5; color: #ea580c; font-weight: 700; }
|
||||
.signature-retirement-heatmap td.is-rate-yellow { background: #fef9c3; color: #ca8a04; font-weight: 700; }
|
||||
.signature-retirement-heatmap td.is-rate-blue { background: #dbeafe; color: #2563eb; font-weight: 700; }
|
||||
.signature-retirement-heatmap td.is-rate-green { background: #dcfce7; color: #16a34a; font-weight: 700; }
|
||||
.signature-retirement-heatmap td.is-rate-deep-green { background: #d1fae5; color: #047857; font-weight: 700; }
|
||||
|
||||
.ui-table__long-text {
|
||||
display: block;
|
||||
line-height: 1.55;
|
||||
overflow-wrap: anywhere;
|
||||
white-space: normal;
|
||||
word-break: normal;
|
||||
}
|
||||
|
||||
.signature-retirement-message-card {
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.signature-retirement-message-filter {
|
||||
align-items: end;
|
||||
display: grid;
|
||||
gap: var(--space-3);
|
||||
grid-template-columns: repeat(4, minmax(180px, 1fr));
|
||||
margin-bottom: var(--space-4);
|
||||
}
|
||||
|
||||
.signature-retirement-message-filter__actions {
|
||||
display: flex;
|
||||
gap: var(--space-2);
|
||||
}
|
||||
|
||||
.signature-retirement-suppression-modes {
|
||||
display: grid;
|
||||
gap: var(--space-3);
|
||||
grid-template-columns: repeat(2, minmax(0, 1fr));
|
||||
}
|
||||
|
||||
.signature-retirement-suppression-modes label {
|
||||
align-items: flex-start;
|
||||
border: 1px solid var(--color-border);
|
||||
border-radius: var(--radius-md);
|
||||
cursor: pointer;
|
||||
display: flex;
|
||||
gap: var(--space-3);
|
||||
padding: var(--space-4);
|
||||
}
|
||||
|
||||
.signature-retirement-suppression-modes label.is-selected {
|
||||
background: var(--color-selected-soft);
|
||||
border-color: var(--color-selected);
|
||||
}
|
||||
|
||||
.signature-retirement-suppression-modes input {
|
||||
margin-top: 3px;
|
||||
}
|
||||
|
||||
.signature-retirement-suppression-modes span {
|
||||
display: grid;
|
||||
gap: 4px;
|
||||
}
|
||||
|
||||
.signature-retirement-suppression-modes small {
|
||||
color: var(--color-text-muted);
|
||||
}
|
||||
|
||||
.signature-quality-card__heading {
|
||||
align-items: flex-start;
|
||||
display: flex;
|
||||
@@ -6901,6 +7055,22 @@
|
||||
}
|
||||
|
||||
@media (max-width: 900px) {
|
||||
.signature-retirement-message-filter,
|
||||
.signature-retirement-suppression-modes {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap__heading,
|
||||
.signature-retirement-heatmap__actions {
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
}
|
||||
|
||||
.signature-retirement-heatmap__actions .ui-field {
|
||||
min-width: 0;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.signature-quality-card__heading,
|
||||
.signature-quality-card__query {
|
||||
align-items: stretch;
|
||||
|
||||
Reference in New Issue
Block a user