a68d73fa74
The two review tabs, runs and try-out, are one: /review. It is a column of three sections: try a classification and the classifier settings, each a folded bar (the settings' bar says what they are now), then the recent runs, always open. The settings had been pinned under the try-out form; they are now a section of their own. A new Disclosure primitive is the folding bar, a native details wearing the Panel's classes, so the folded and open sections read as the same surface. /review-runs and /review-tryout are gone, with no redirect.
64 lines
1.2 KiB
CSS
64 lines
1.2 KiB
CSS
/* The form panel and the result panel under it, apart from each other. */
|
|
.ui-tryout-page {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1em;
|
|
}
|
|
/* The try-out form: the repo and PR on one line, then one block per
|
|
classification, then the actions. */
|
|
.ui-tryout-form {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 1em;
|
|
margin-top: 1em;
|
|
}
|
|
.ui-tryout-target {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
gap: 0.75em;
|
|
}
|
|
.ui-tryout-target > * {
|
|
flex: 1 1 14em;
|
|
}
|
|
.ui-tryout-target > button {
|
|
flex: none;
|
|
align-self: flex-end;
|
|
}
|
|
.ui-tryout-loaded {
|
|
margin: 0;
|
|
color: var(--muted);
|
|
}
|
|
.ui-tryout-classification {
|
|
display: flex;
|
|
flex-direction: column;
|
|
gap: 0.6em;
|
|
padding: 0.75em;
|
|
border: 1px solid var(--border);
|
|
border-radius: 0.5em;
|
|
}
|
|
.ui-tryout-classification-row {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: flex-end;
|
|
gap: 0.75em;
|
|
}
|
|
.ui-tryout-classification-row > * {
|
|
flex: 1 1 12em;
|
|
}
|
|
.ui-tryout-classification-row > button {
|
|
flex: none;
|
|
}
|
|
.ui-tryout-actions {
|
|
display: flex;
|
|
flex-wrap: wrap;
|
|
align-items: center;
|
|
gap: 0.75em;
|
|
}
|
|
.ui-tryout-hint {
|
|
margin: 0;
|
|
color: var(--muted);
|
|
}
|
|
.ui-tryout-running {
|
|
margin: 0;
|
|
color: var(--muted);
|
|
}
|