fix(polygon): unify dataset review workflow
This commit is contained in:
@@ -200,7 +200,8 @@
|
||||
.polygon-review-lead,
|
||||
.polygon-review-player__header,
|
||||
.polygon-review-order,
|
||||
.polygon-review-summary > header {
|
||||
.polygon-review-summary > header,
|
||||
.dataset-fragment-analysis > header {
|
||||
align-items: stretch;
|
||||
flex-direction: column;
|
||||
}
|
||||
@@ -217,6 +218,16 @@
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.dataset-fragment-analysis__verdict {
|
||||
min-width: 0;
|
||||
justify-items: start;
|
||||
}
|
||||
|
||||
.dataset-fragment-comparison,
|
||||
.dataset-fragment-risks {
|
||||
grid-template-columns: 1fr;
|
||||
}
|
||||
|
||||
.polygon-run-picker,
|
||||
.dataset-result-select,
|
||||
.dataset-sequence-select,
|
||||
|
||||
@@ -1441,6 +1441,151 @@
|
||||
line-height: 1.45;
|
||||
}
|
||||
|
||||
.dataset-fragment-analysis {
|
||||
display: grid;
|
||||
gap: 0.55rem;
|
||||
border-radius: 1rem;
|
||||
background: var(--station-panel);
|
||||
padding: 0.9rem 1rem 1rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-analysis > header {
|
||||
display: flex;
|
||||
align-items: flex-start;
|
||||
justify-content: space-between;
|
||||
gap: 1rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-analysis h3,
|
||||
.dataset-fragment-analysis p {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
.dataset-fragment-analysis h3 {
|
||||
margin-top: 0.28rem;
|
||||
color: var(--nodedc-text-primary);
|
||||
font-size: 1rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-analysis p {
|
||||
max-width: 48rem;
|
||||
margin-top: 0.3rem;
|
||||
color: var(--nodedc-text-muted);
|
||||
font-size: 0.6rem;
|
||||
line-height: 1.5;
|
||||
}
|
||||
|
||||
.dataset-fragment-analysis__verdict {
|
||||
display: grid;
|
||||
min-width: 14rem;
|
||||
justify-items: end;
|
||||
gap: 0.12rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-analysis__verdict strong {
|
||||
color: var(--nodedc-text-primary);
|
||||
font-size: 1.35rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-analysis__verdict span,
|
||||
.dataset-fragment-analysis__verdict small {
|
||||
color: var(--nodedc-text-muted);
|
||||
font-size: 0.54rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-comparison {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 0.32rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-comparison article {
|
||||
display: grid;
|
||||
grid-template-columns: minmax(7rem, 1fr) auto auto auto auto;
|
||||
align-items: center;
|
||||
gap: 0.5rem;
|
||||
border-radius: 0.78rem;
|
||||
background: rgb(255 255 255 / 0.035);
|
||||
padding: 0.7rem 0.75rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-comparison article > span,
|
||||
.dataset-fragment-comparison small {
|
||||
color: var(--nodedc-text-muted);
|
||||
font-size: 0.52rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-comparison article > div {
|
||||
display: grid;
|
||||
gap: 0.08rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-comparison strong {
|
||||
color: var(--nodedc-text-primary);
|
||||
font-size: 0.72rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-comparison i {
|
||||
color: var(--nodedc-text-muted);
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
.dataset-fragment-comparison em {
|
||||
color: rgb(var(--nodedc-danger-rgb));
|
||||
font-size: 0.58rem;
|
||||
font-style: normal;
|
||||
font-weight: 650;
|
||||
}
|
||||
|
||||
.dataset-fragment-comparison em[data-positive="true"] {
|
||||
color: var(--nodedc-text-primary);
|
||||
}
|
||||
|
||||
.dataset-fragment-risks {
|
||||
display: grid;
|
||||
grid-template-columns: repeat(3, minmax(0, 1fr));
|
||||
gap: 0.32rem;
|
||||
}
|
||||
|
||||
.dataset-fragment-risks button {
|
||||
display: grid;
|
||||
min-width: 0;
|
||||
gap: 0.18rem;
|
||||
border: 0;
|
||||
border-radius: 0.78rem;
|
||||
outline: 0;
|
||||
background: rgb(255 255 255 / 0.025);
|
||||
color: inherit;
|
||||
padding: 0.68rem 0.75rem;
|
||||
font: inherit;
|
||||
text-align: left;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.dataset-fragment-risks button:hover,
|
||||
.dataset-fragment-risks button:focus-visible {
|
||||
background: rgb(255 255 255 / 0.075);
|
||||
}
|
||||
|
||||
.dataset-fragment-risks button:disabled {
|
||||
cursor: default;
|
||||
opacity: 0.45;
|
||||
}
|
||||
|
||||
.dataset-fragment-risks span,
|
||||
.dataset-fragment-risks small {
|
||||
overflow: hidden;
|
||||
color: var(--nodedc-text-muted);
|
||||
font-size: 0.52rem;
|
||||
text-overflow: ellipsis;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.dataset-fragment-risks strong {
|
||||
color: var(--nodedc-text-primary);
|
||||
font-size: 0.82rem;
|
||||
}
|
||||
|
||||
.polygon-review-summary,
|
||||
.polygon-review-unavailable,
|
||||
.polygon-review-analysis,
|
||||
|
||||
Reference in New Issue
Block a user