Suggestion for Navigation bar changes
I would like to propose the following changes for the navigation bar. They are targeting mobile, but probably can be adjusted/extended for desktop if needed. Its mostly modeled on the basis of Saifish Browser, rather good in terms of user interaction these days.
-
Merge Global and Context menus into the same menu. Don't know how it is on other devices, but on mine merging it all under Global one leaves some space on the bottom. Advantage is to also avoid having 2 buttons on navbar while we can have 1.
-
Drop BusyIndicator (#3 (closed))
-
Show address as a label with [lock icon if https]host</regular font>/page address on host</dimmed font>. On click, should behave as text field and engage navbar into address entry mode (#5 (closed)). There is no need to show borders as it is on text fields, these borders are a distraction and make it just "noisier"
-
Show the following buttons and fields on mobile, in suggested order of preference:
- global menu
- back button
- address field as described above
- stop/reload button
- tabs button
- Make tabs button as a square with the number of tabs shown as a number inside that square
As you could see, I suggest to have back button as well. On Sailfish, we don't have back button accessible as on Android and Plasma (as far as I can see from screenshots) in the bottom of the screen. Hence we need it in the navigation bar (swiping back would be hard to implement). If the back button is too much, maybe its possible to set some env variable or (better) add it in settings.