Skip to content

Picker: omnibox URL bar, width cap, and wrapped URL#246

Merged
mortenn merged 1 commit intomainfrom
ui/picker-url-bar-wrapping
Mar 25, 2026
Merged

Picker: omnibox URL bar, width cap, and wrapped URL#246
mortenn merged 1 commit intomainfrom
ui/picker-url-bar-wrapping

Conversation

@mortenn
Copy link
Owner

@mortenn mortenn commented Mar 25, 2026

Summary

Restores a browser-like light strip for the favicon + URL on the picker, keeps long URLs from blowing out SizeToContent window width, and shows the URL wrapped (with a height cap and ellipsis) instead of a single truncated line.

Changes

  • Theme: UrlBar* dynamic brushes in App.xaml.cs (and design-time entries in App.xaml) so the address area stays a light omnibox in both themes.
  • Layout: PickerUrlBarMaxWidthConverter caps the root Grid MaxWidth from the window width / work area so measure pass does not use the full text width.
  • URL text: Grid + top-aligned favicon; TextWrapping="Wrap", MaxHeight ~4 lines, TextTrimming for overflow; tooltip still shows the full URL.

Verification

  • dotnet build src/BrowserPicker.UI/BrowserPicker.UI.csproj -p:Version=1.0.0 -p:Platform=x64
  • Manual check in VS / XAML Hot Reload with a very long URL (wrapping + ellipsis on last line).

- Add theme brushes for a light address strip (favicon + URL) in light and dark mode.
- Cap root grid MaxWidth during SizeToContent so long URLs do not inflate the window.
- Lay out URL in a grid with top-aligned favicon; wrap text with a modest MaxHeight and ellipsis.

Made-with: Cursor
@mortenn mortenn merged commit b4e55d9 into main Mar 25, 2026
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.

1 participant