Skip to content

helium/ui/centered-address-bar: add centered address bar#871

Open
jamdaniels wants to merge 1 commit intoimputnet:mainfrom
jamdaniels:wide-address-bar-toggle
Open

helium/ui/centered-address-bar: add centered address bar#871
jamdaniels wants to merge 1 commit intoimputnet:mainfrom
jamdaniels:wide-address-bar-toggle

Conversation

@jamdaniels
Copy link

For your pull request to not get closed without review, please confirm that:

  • An issue exists where the maintainers agreed that this should be implemented
    (an approved feature request, or confirmed bug).
  • I tested that my contribution works locally, and does not break anything,
    otherwise I have marked my PR as draft.
  • If my contribution is non-trivial, I did not use AI to write most of it.
  • I understand that I will be permanently banned from interacting with this
    organization if I lied by checking any of these checkboxes.

Tested on (check one or more):

  • Windows
  • macOS
  • Linux

This PR adds a setting to toggle between the current used, full width address bar and a more narrow, centered, responsive address bar with a fixed max width of 900px. Currently, the full-width address bar is disabled by default. These additions are skipped if the CAT feature is active. I've researched how the centered, responsive address bar is implemented in Brave, which already does this and this solution is inspired by it.

Closes #104

Pictures:

helium-wide-address-bar-toggle-1 helium-wide-address-bar-toggle-2

Video showcase:

helium-wide-address-bar.mp4

I do want to say that I used AI to implement this, but I didn't "vibe code" it. I did a lot of back and forth with multiple frontier models, discussed how to implement this feature properly while following best practices and look out for possible concerns and thoroughly tested all scenarios locally. I just want to help out and I would love if this feature gets added. If the full-width address bar should stay the default, let me know and I'm happy to change that and anything else necessary.

Copy link
Member

@wukko wukko left a comment

Choose a reason for hiding this comment

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

the full width address bar should indeed stay default & please use dev.sh, it sets the correct env variables for quilt that make the patches look better

@jamdaniels jamdaniels force-pushed the wide-address-bar-toggle branch from 9cd6ab7 to dd85fb2 Compare February 10, 2026 01:21
@jamdaniels jamdaniels changed the title helium/ui: add wide address bar toggle helium/ui/centered-address-bar: add centered address bar Feb 10, 2026
@jamdaniels
Copy link
Author

  • changed approach to 'enable centered address bar'
  • added hunk offset fixes

I hope this fits better, I also tried to match the naming patterns.

Screenshot 2026-02-10 at 01 40 39
helium-pr-1.mp4

@ayushk-1801
Copy link

When will this be merged?

@jamdaniels
Copy link
Author

@wukko do you want me to resolve the conflicts now or should I wait for further changes until this is 'in line' to be merged or do you guys have other plans? Will you let me know or should I just keep resolving the conflicts?

@nsk-47
Copy link

nsk-47 commented Mar 1, 2026

Is it possible to move the URL also to the center of address bar like in Duckduckgo?

@Vexcited
Copy link

Vexcited commented Mar 9, 2026

I think this would be great for vertical tabs since the address bar takes the whole width and it gets very hard to grab the window and move it around on Windows or macOS...

More free space around the address bar would be nice!

Copy link

@fanckush fanckush left a comment

Choose a reason for hiding this comment

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

can't wait for this to get merged! moving the window now is very difficult, there is virtually no place to drag from

Image

+
+ gfx::Rect bounds = location_bar_->bounds();
+ const int total_margin = static_cast<int>(toolbar_width * margin_pct);
+ constexpr int kMaxLocationBarWidth = 900;

Choose a reason for hiding this comment

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

what do you think about making this hardcoded value parametrized? this is one feature brave doesn't have and would be really cool to be able to set the max width dynamically from settings


BooleanPrefMember show_menu_button_;

+ BooleanPrefMember location_bar_is_centered_;

Choose a reason for hiding this comment

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

Suggested change
+ BooleanPrefMember location_bar_is_centered_;
+ BooleanPrefMember is_location_bar_centered_;

just a thought, feel free to ignore, but since it's a boolean this reads more intuitively

@fanckush
Copy link

@jamdaniels maybe if you request re-review at the top right, you might get another review from the maintainers

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.

[FR]: Address bar customization

6 participants