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. 🤔

79 Comments
MyKEspino
New member

Simplify UI unifying the tabs strip with the address bar

I would like to save space on window, by unifiting the tabs strip and the address bar instead of separated strips one under another. Just like Safari actually does. I´m a macos user and I prefer Firefox over Safari, but Firefox needs a more cleaner window.

Firefox vs SafariFirefox vs Safari

 

Jon
Community Manager
Community Manager

(Note: similar ideas have been merged into this thread)

Progress2000
Making moves

Lepton Chrome.CSS currently support compact mode.

davidoclubb
New member
fabriziobagala
Making moves

@Jon this is a great idea! When will the UI be updated with this compact design? Currently, Firefox is the only browser that has such a “wide” UI.

KK1
Making moves

Compact mode with vertical tab is very useful for laptops !!!

Really don't know what the devs are thinking...

3lpRpFQfMv.png

reukiodo
Strollin' around

YES! If we can't get icons back to the size of the text, at least let us get rid of a huge waste of toolbar!

Agentvirtuel
Contributor

Hello

Please don’t remove the compact density option for the Proton redesign
https://discourse.mozilla.org/t/please-dont-remove-the-compact-density-option-for-the-proton-redesig...


The optional Compact density setting will tighten up the bookmark menus that drop from the main toolbar and bookmarks toolbar (but probably not other menus).

Compact mode workaround in Firefox
https://support.mozilla.org/en-US/kb/compact-mode-workaround-firefox

 


(but probably not other menus).

In addition and for information purposes and if you are userChrome.css
Take a look at this code https://www.reddit.com/r/FirefoxCSS/comments/p2euaa/how_to_undo_stupid_changes_in_recent_firefox
This parenthesis in the subject below
https://connect.mozilla.org/t5/discussions/fully-support-web-usb-and-web-serial/m-p/48852/highlight/...
See the screenshots

reukiodo
Strollin' around

I'd really prefer a browser that gets out of the way (compact) rather than being in the way (taking up precious screen real estate). Firefox should be usable on a screen of pretty much any size.

Try using Firefox on a 800x480 raspberry pi screen!