Created attachment 8895785 [details] URL BAR.png One of our users raised a good question on twitter - why we are using so many buttons and gray space near the URL Bar? it seems we cut from URL for it and that is not something desired. Opening this for discussion. Check the screenshots: 1. Old Fennec tablet 2. Chrome tablet 3. Photon Fennec 4. Photon Fennec tablet 5. Focus tablet
This happens when users set the 'Display size' setting to small on modern Android phones.
Thanks for filing this Ioana! Looking into this with Carol
Hi Joe, Wesly Please help me prioritize this. This looks like something we should fix asap. Thanks!
we should fix it together with the PWA A2HS button. Can we target this for 58?
I'm not sure what the "fix" here is yet Nevin. Have you chatted with Carol about it? I'd defer to her here and I've NI'd her. I could be wrong but I think we need to first solve the UX part before we can prioritize this for Eng? Joe, can you make sure this is on UX' radar? ;)
Mark is looking at PWA for Fenna now. NI Mark to think about this from UX perspective
I have two proposals for multiple icons in the URL bar situation: With more than two icons in the URL bar (not counting menu and tabs for mobile and not counting menu, tabs, bookmark and refresh for tablet), the icons collapse into a 'plus' icon. For proposal 1, when users click the plus icon, the icons expand back to its position. For proposal 2, when users click the plus icon, a panel expands with a list of icons inside. Checkout the mockup here: (You can adjust the number of icons with the slider on the top) https://codepen.io/youwenliang/full/gxybJv/ Any concerns with these types of implementation?
I'm not sure about the "plus" icon - won't that possibly be mistaken for a button to open a new tab? Desktop uses a "three dot menu" button for it's page actions menu (https://dolske.files.wordpress.com/2017/07/pageactionprotoi.png) here. Other than that, it seems a nice idea, with a slight preference for the panel.
(In reply to Jan Henning [:JanH] from comment #8) > I'm not sure about the "plus" icon - won't that possibly be mistaken for a > button to open a new tab? Desktop uses a "three dot menu" button for it's > page actions menu > (https://dolske.files.wordpress.com/2017/07/pageactionprotoi.png) here. > Other than that, it seems a nice idea, with a slight preference for the > panel. Agreed, the plus icon is just a quick idea and definitely need more thoughts here.
The three dots icon might be confusing since the menu icon on mobile is also three dots but align vertically.
Like discussed this is something with PWA A2HS after 57. (In reply to Nevin Chen [:nechen] from comment #3) > Hi Joe, Wesly > Please help me prioritize this. This looks like something we should fix asap. > Thanks! (In reply to Joe Cheng [:jcheng] (please needinfo) from comment #6) > Mark is looking at PWA for Fenna now. NI Mark to think about this from UX > perspective