PipelinePanel: wrap card content in a Column so stages stop painting over the headline
SonarCard's Surface lays un-wrapped siblings in a Box, so the whole processing panel (teal headline, gray elapsed/note text, stage rows, progress bar) drew stacked on one line — the 'text overlapping while summarizing' garble, visible only mid-job. Every other card call site wraps its content; this was the one that didn't. Headline also gets weight(1f, fill=false) + maxLines/Ellipsis so it can't collide with the elapsed/ETA text at narrow widths.
This commit is contained in:
parent
514d75fe92
commit
c32fc2079c
1 changed files with 11 additions and 1 deletions
|
|
@ -1366,13 +1366,22 @@ fun SettingsScreen(state: DesktopState) {
|
|||
@Composable
|
||||
fun PipelinePanel(p: PipelineUi) {
|
||||
SonarCard(modifier = Modifier.fillMaxWidth()) {
|
||||
// SonarCard's Surface places un-wrapped siblings in a Box — without
|
||||
// this Column every row stacked on top of the headline (the
|
||||
// "text overlapping while summarizing" garble).
|
||||
Column(
|
||||
modifier = Modifier.fillMaxWidth().padding(Shonar.CardPadding),
|
||||
verticalArrangement = Arrangement.spacedBy(Shonar.Space1),
|
||||
) {
|
||||
Row(
|
||||
modifier = Modifier.fillMaxWidth(),
|
||||
horizontalArrangement = Arrangement.SpaceBetween,
|
||||
verticalAlignment = Alignment.CenterVertically,
|
||||
) {
|
||||
Text(p.headline, style = MaterialTheme.typography.titleSmall,
|
||||
color = MaterialTheme.colorScheme.primary)
|
||||
color = MaterialTheme.colorScheme.primary,
|
||||
modifier = Modifier.weight(1f, fill = false),
|
||||
maxLines = 1, overflow = TextOverflow.Ellipsis)
|
||||
Text(
|
||||
buildString {
|
||||
p.elapsedSec?.let { append("${DesktopState.fmtMMSS(it)} elapsed") }
|
||||
|
|
@ -1428,4 +1437,5 @@ fun PipelinePanel(p: PipelineUi) {
|
|||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue