cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 
batata
Strollin' around
Status: In review

The latest controversial proton redesign added new two lines tabs, however it haven't been put to great use.

I think we can do better and at the same time bring back the compact mode by merging the search bar and the tab bar.

00.png

While we put the url directly into the tabs, other icons could go in the tool bar, making a better use of the window surface.

01.png

The url is a clickable text area

02.png

and expands to show the full search bar when we start typing.

03.png

----------------------------------------------------------------

UPDATE 1

To elaborate a bit more on my original idea

  • We could put the hamburger button on the left because it looks a bit weird next to the reduce button (at least on windows)
  • The same way the download icon is hidden unless we're downloading we could hide the back and forward buttons unless there's something in the history
  • The refresh and fav button could be on the tab (and visible only on hover maybe ?)
  • The many icons that can appear on the left of the address bar could be fused all together in one single tabbed panel. The displayed icon would change based on priority :
    Sans titre.png
    (btw the Extension label could be removed and only show the extension name)

Which gives an even slicker look :

99.png

----------------------------------------------------------------

UPDATE 2

With larger active tab and refresh/fav icons.

With many tabs it could look like this :

99.png

I also added the sound indicator icon instead of the "Playing" text (this icon is already used on pinned tabs).

And since the Lock icon is not always visible with my unique icon idea I talked earlier I though we could color code the domain, green = secured, red = not secured. 🤔

78 Comments
steel835
Familiar face

@AnonymousI think this concept is a bit overloaded with buttons, but it made me think - what if we indeed use the Safari concept, like on your picture (if I understood you correctly) - if the tab is active, show a slightly-wider-than-tab addressbar instead of it. (No need to make address bar too wide, because we still want to show tabs and people tend to have many of them opened) Many address bar buttons can be collapsed into one, like firefox already does if the window is too narrow:

steel835_0-1651259570920.png

Buttons like menu, downloads, back and refresh I'd move to the side of tab area anyway. Btw, I think that your idea with bookmarks should be posted as a separate idea, here we discuss only the compact mode for Firefox

@batata


@batata wrote:

The refresh and fav button could be on the tab (and visible only on hover maybe ?)


I think that bookmark and refresh buttons on tabs aren't really user friendly - they are too small and when there are too many tabs, they are squished so much that these buttons will overlap all the text on the tab.

 


@batata wrote:

We could put the hamburger button on the left because it looks a bit weird next to the reduce button (at least on windows)


Agree, but I don't mind it being near Minimize button. And I don't mind it being on the left (sort of like where the File menu is, and the icon can be a Firefox logo instead of hamburger) - though I guess there can be other buttons that fit there better (like vertical tabs btn for example, like in Edge). I think we can show a user profile pic instead of a hamburger if it's on the right - it is a pretty well-known UX and doesn't look as weird.

Status changed to: Trending idea
Jon
Community Manager
Community Manager

Hey all,

Here with an exciting update…

Your idea has quickly received a great deal of votes (kudos) and support here in the Mozilla Connect community, so we are upgrading the status to “Trending idea.” This means it’s now one step closer to reaching our internal teams for review—learn more about The Idea Journey here.

Please keep the conversation going and stay tuned for updates 😃

-The Community Team

batata
Strollin' around

@steel835if the active tab has a fixed width we can add more stuff in it (+ if they're only visible on hover it's not a big deal).

With many tabs it could look like this :

99.png

I also added the sound indicator icon instead of the "Playing" text (this icon is already used on pinned tabs).

And since the Lock icon is not always visible with my unique icon idea I talked earlier I though we could color code the domain, green = secured, red = not secured. 🤔

Anonymous
Not applicable

Hi! @batata "And since the Lock icon is not always visible with my unique icon idea I talked earlier I though we could color code the domain, green = secured, red = not secured."  Was it something like you thought?

Here:

paulocarlosjose_0-1651682762456.png

I thought about it, about this idea

slemmy
Strollin' around

I want an option to make the toolbar more compact. There was one before the redesign, but now I only have the option to make it bigger. I prefer how Firefox looked before the redesign.

wally314garcia
Strollin' around

Please vote for the idea "Allow resizing of the UI" that has made it to 'In Review' so the developers see that there is demand for it.

https://connect.mozilla.org/t5/ideas/idb-p/ideas/status-key/investigating

jscher2000
Leader

There is a secret hidden way to add "Compact" back to the Density selector. More info:

But something more discoverable certainly would be welcome.

DP
New member

Bookmark toolbar beautification

The drop-down list of the bookmark toolbar can reduce the font and line spacing, so that it looks more compact and intuitive, and there is no need to search with the mouse wheel when there are many favorite addresses.

jimjams91
New member

Please:

>Add the option merge the tab bar and back/forward/reload/address/search bar in to one (similar to the "compact" view in macOS Safari

>Make compact view official again.

Thanks

jimjams91
New member

OMG this is amazing, just like macOS Safari "Compact tabs".