fix(web): drop the grid rules the row restyle left behind

The earlier row block stayed in the stylesheet beside the new one, so a
row still laid out as a three-column grid and squeezed its whole line into
the seven-pixel first column, one character per line.
This commit is contained in:
Yichen Jiang committed 2026-09-08 10:42:52 +08:00
1 parent 2df9414138
commit ddb15a11a4
1 file changed
-60
@@ -554,66 +554,6 @@
color: var(--dsw-alias-label-secondary);
}
.rows {
display: flex;
flex-direction: column;
gap: 6px;
margin: 0;
padding: 0;
list-style: none;
}
.row {
display: grid;
grid-template-columns: 7px minmax(0, 1fr) auto;
align-items: center;
column-gap: 10px;
padding: 8px 12px;
border-radius: 8px;
background: var(--dsw-alias-bg-layer-1);
}
.row[data-state='off'] {
border: 0.5px dashed var(--dsw-alias-border-l4);
background: transparent;
}
.rowMain {
display: flex;
flex-wrap: wrap;
align-items: baseline;
gap: 2px 10px;
min-width: 0;
}
.rowId {
font-family: var(--dsw-font-mono, ui-monospace, SFMono-Regular, Menlo, monospace);
font-size: 12.5px;
color: var(--dsw-alias-label-primary);
overflow-wrap: anywhere;
}
.row[data-state='off'] .rowId {
color: var(--dsw-alias-label-tertiary);
}
.rowState {
font-size: 12px;
line-height: 18px;
color: var(--dsw-alias-label-tertiary);
}
.row[data-state='failed'] .rowState {
color: var(--dsw-alias-state-error-primary);
}
.rowFailure {
flex-basis: 100%;
margin: 0;
font-size: 12px;
color: var(--dsw-alias-state-error-primary);
overflow-wrap: anywhere;
}
/* The way into a package's page. */
.cardArrow {
flex: none;