Skip to content

Tighten Re-encode video window progress layout#11112

Merged
niksedk merged 2 commits into
mainfrom
fix/re-encode-progress-spacing
May 23, 2026
Merged

Tighten Re-encode video window progress layout#11112
niksedk merged 2 commits into
mainfrom
fix/re-encode-progress-spacing

Conversation

@niksedk
Copy link
Copy Markdown
Member

@niksedk niksedk commented May 23, 2026

Summary

  • Anchor the progress bar to the top of its cell (VerticalAlignment.Top) — the bar has explicit Height=10 and was drifting downward when the status-text cell grew.
  • Pad 5px above the bar and place the status text 10px below it for clearer separation.
  • Set MinWidth = 600 on the window and switch the outer column from Auto to Star so the wider window actually expands the inner content instead of leaving empty space on the right.

Test plan

  • Builds clean (no warnings).
  • Open Video → Re-encode video; confirm the bar sits a few px from the top of its cell, the status text has a small gap below it, and the window respects the 600px minimum width with the form stretching to fill it.

🤖 Generated with Claude Code

- Anchor the progress bar to the top of its cell so it doesn't drift
  down when the status text below grows the cell height.
- Pad 5px above the bar and place the status text 10px below it.
- Set MinWidth = 600 on the window and switch the outer column from
  Auto to Star so the content actually expands to that width.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
Copy link
Copy Markdown
Contributor

Copilot AI left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Pull request overview

Adjusts the Avalonia UI layout for the Video → Re-encode video window to keep the progress area visually stable and ensure the window’s minimum width is reflected in its content layout.

Changes:

  • Set MinWidth = 600 for the window to avoid overly narrow layouts.
  • Switch the outer grid column from Auto to Star so content can stretch when the window is wider than its measured content.
  • Anchor the progress bar to the top of its cell and tweak margins to maintain consistent spacing between the bar and status text.

Comment on lines 160 to 169
var progressBar = UiUtil.MakeProgressBar();
progressBar.VerticalAlignment = VerticalAlignment.Top;
progressBar.Margin = new Thickness(0, 5, 0, 0);
progressBar.Bind(ProgressBar.ValueProperty, new Binding(nameof(vm.ProgressValue)));
progressBar.Bind(ProgressBar.IsVisibleProperty, new Binding(nameof(vm.IsGenerating)));

var statusText = new TextBlock
{
Margin = new Thickness(5, 20, 0, 0),
Margin = new Thickness(5, 25, 0, 0),
};
Replace the single-cell overlay (progress bar + status text with
hard-coded top margins of 5 and 25) with two Auto rows separated by
RowSpacing = 10. The 10px gap between the bar and the text is now
intrinsic to the layout rather than computed from "statusText.Margin
- progressBar.Height - progressBar.Margin", so changing the bar height
or text font size no longer silently breaks the spacing.

Co-Authored-By: Claude Opus 4.7 (1M context) <noreply@anthropic.com>
@niksedk niksedk merged commit bace1b9 into main May 23, 2026
1 of 3 checks passed
@niksedk niksedk deleted the fix/re-encode-progress-spacing branch May 23, 2026 06:38
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants