Skip to content
This repository has been archived by the owner on Feb 20, 2023. It is now read-only.

Visible URL width #3727

Closed
buttercookie42 opened this issue Jun 27, 2019 · 10 comments
Closed

Visible URL width #3727

buttercookie42 opened this issue Jun 27, 2019 · 10 comments
Labels
feature request 🌟 New functionality and improvements Feature:Toolbar Address bar, see also Feature:Search

Comments

@buttercookie42
Copy link

buttercookie42 commented Jun 27, 2019

On my phone, in Fenix there are around 380 px (190 dp) available for displaying the URL itself, whereas in Fennec this value is (depending how much of the fade out you count) approximately 460 - 470 px (230 - 235 dp). Fenix seems to partially compensate by using a smaller font size, but for the same amount of buttons in the URL bar, I can still see more of the URL in Fennec.

Fennec:
fennec_url-width

Fenix:
fenix-url_width

┆Issue is synchronized with this Jira Task

@kbrosnan kbrosnan added the Feature:Toolbar Address bar, see also Feature:Search label Jun 28, 2019
@SubhamTyagi
Copy link

The usages of blank space between url bar, tab button, menu dots is excessive!

'https://' or 'http://' should be omitted from showing in url bar bcz these are redundant whenever a secure buttons is visible or there may be a preference for showing the url prefix.

@NotWoods NotWoods added needs:UX-feedback Needs UX Feedback feature request 🌟 New functionality and improvements labels Aug 17, 2019
@topotropic
Copy link

topotropic commented Aug 23, 2019

The usages of blank space between url bar, tab button, menu dots is excessive!

We try to respect the 48x48dp touch target size to make it easier to navigate around.

'https://' or 'http://' should be omitted from showing in url bar bcz these are redundant whenever a secure buttons is visible

Yes, we can hide the protocol (http://, https://) to gain some space (cc @vesta0 does this sound ok to you?)

@topotropic topotropic added eng:ready Ready for engineering and removed needs:UX-feedback Needs UX Feedback eng:ready Ready for engineering labels Aug 23, 2019
@vesta0
Copy link
Collaborator

vesta0 commented Sep 3, 2019

The usages of blank space between url bar, tab button, menu dots is excessive!

We try to respect the 48x48dp touch target size to make it easier to navigate around.

Fennec uses less blank space between tab button and 3-dot menu. Do we need all that space in order to have a usable touch target @topotropic ?

'https://' or 'http://' should be omitted from showing in url bar bcz these are redundant whenever a secure buttons is visible

Yes, we can hide the protocol (http://, https://) to gain some space (cc @vesta0 does this sound ok to you?)

Yes or we can do what Fennec does = keep the http:// and https:// but keep it out of the visible URL area @topotropic

@topotropic
Copy link

@vesta0 yes, we need all that space to have usable touch targets, we might be able to make the touch target a tiny bit smaller but that won't do much to increase the visible URL part

What do you mean with "keep it out of the visible URL area"?

@buttercookie42
Copy link
Author

That is referring to the fact that Fennec tries to scroll the URL such that the end of the host part aligns with the right edge of the URL bar, which means that for URLs where the host part doesn't fit within the width of the URL bar, it's the start of the URL (including the protocol) that gets pushed off the screen.

@Dunexus
Copy link

Dunexus commented Sep 13, 2019

With the addition of the tracking shield icon, the url is even shorter than before. It uses less than half the width of the screen.

Fennec vs Fenix on OnePlus 5T (the red lines represent 25% and 75% of total width)
image
image

@Amejia481
Copy link
Contributor

Related #4560

@nahuhh
Copy link

nahuhh commented Sep 13, 2019

Posted #5302

@buttercookie42
Copy link
Author

... and we don't even support webextension page actions yet, which would require space in the URL bar, too.

@vesta0
Copy link
Collaborator

vesta0 commented May 29, 2020

We addressed this in #7077 7077

Sign up for free to subscribe to this conversation on GitHub. Already have an account? Sign in.
Labels
feature request 🌟 New functionality and improvements Feature:Toolbar Address bar, see also Feature:Search
Projects
None yet
Development

No branches or pull requests

9 participants