Change #1297789 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/Vector@master] POC: Make toolbar responsive like Minerva

https://gerrit.wikimedia.org/r/1297789

Test wiki created on Patch demo by Jon (WMF) using patch(es) linked to this task:
https://a329196714.catalyst.wmcloud.org/w/

Change #1297789 abandoned by Jdlrobson:

[mediawiki/skins/Vector@master] POC: Make toolbar responsive like Minerva

https://gerrit.wikimedia.org/r/1297789

Please do test this in languages other than English (especially Ukrainian, German, Greek) and on wikis that have both "Edit" and "Edit source" enabled (even for logged-out users).

See the comments I posted in T426453 — T426453#12029771 and T426453#12030079

I've always wondered why the "Read" tab is needed. Isn't that always the same link as "Article".

In T428520#12030158, @Ponor wrote:

I've always wondered why the "Read" tab is needed. Isn't that always the same link as "Article".

We tried to remove that before but apparently that's important to some editors as it allows you to exit the editor.

In T428520#12030178, @Jdlrobson-WMF wrote:

We tried to remove that before but apparently that's important to some editors as it allows you to exit the editor.

Ah... people...
The editor has a cancel button, and the "Article" link also exits the editor, since it's the same link.
Honestly: I'd give it another try.

Change #1297789 restored by Jdlrobson:

[mediawiki/skins/Vector@master] POC: Make toolbar responsive like Minerva

https://gerrit.wikimedia.org/r/1297789

Here's a prototype of some ideas we're xploring here: https://5b0a9d8f65.catalyst.wmcloud.org/wiki/Main_Page?useformat=mobile&useskin=vector-2022
I've hidden the "View" link in view mode per @Ponor suggestion. I also updated edit link to NEVER collapse.
Curious what you all think.

Hi, thanks for pinging me. Here's what I'm observing:

Screen wide enough, both side menus shown.
"Edit" and "View history" should better stay right-aligned; not sure what's pushing them to the left in that <div id="right-navigation">
Make note of the ex. Tools "button" (vertical ellipsis) – this has been deployed and it's a little annoying that the button is on the very edge of the bar. (then check the following two screenshots, the "button" is positioned fine, with a proper margin on its right)

The window is a little narrower, the menus have disappeared, so there's much more space for the bar. Yet, the bar is now two lines – seems unnecessary. I guess the exact min window (or central content container) size for this to happen is yet to be determined.

Very narrow screen: looks fine to me, though, of course, still unnecessary when there are only two tabs in the right-navigation div.

"Edit" and "View history" should better stay right-aligned; not sure what's pushing them to the left in that <div id="right-navigation">

Hey @Ponor looks like you might have been impacted by a Firefox bug from those screenshots. Can you hard refresh? Edit and view history are not intended to ever look like that.
https://5b0a9d8f65.catalyst.wmcloud.org/w/

Regarding vertical ellipsis we are considering moving restricting this to smaller resolutions like so:
https://ac5d16ab78.catalyst.wmcloud.org/wiki/Main_Page

Mhm, that's better:

As for the overflow (Tools) button: that idea seems reasonable. A toolbar with a mix of text, black icons, and linked (blue) icons with labels, looks a bit awkward TBH.

(And I *still* don't think the labels next to the star and bookmark are needed - maybe for new users, for 10 days?)

Thanks for the input @Ponor ! It's very much appreciated! Feel free to share with anyone in your community that you think might have feedback.

Maybe the "Watch" text could be hidden by default but show up below the star when hovering on it? It might be a good compromise between the harder-to-reach hover text (which only appears after hovering on it for some time, and is less conspicuous) and permanently displayed text that takes a lot of real estate on screens.

Going forward we are bundling changese here under a feature flag.

You can test them out here on the beta cluster:
https://en.wikipedia.beta.wmcloud.org/w/index.php?title=Main_Page&vectornavigationupdate=1

and will be able to try them out in production next week from Thursday.

Change #1305950 had a related patch set uploaded (by Jdlrobson; author: Jdlrobson):

[mediawiki/skins/Vector@master] POC: Show tools label at higher resolutions

https://gerrit.wikimedia.org/r/1305950

Change #1305950 abandoned by Jdlrobson:

[mediawiki/skins/Vector@master] POC: Show tools label at higher resolutions

https://gerrit.wikimedia.org/r/1305950

To summarize the ideas we've implemented so far:

• Visually separate namespace tabs and actions on new lines at lower resolutions (demo: https://en.wikipedia.beta.wmcloud.org/w/index.php?title=Main_Page&vectornavigationupdate=1)
• Hiding view at lower resolutions (demo: https://en.wikipedia.beta.wmcloud.org/w/index.php?title=Main_Page&vectornavigationupdate=1)
• Replacing more menu with ellipsis

To summarize the ideas we're still discussing:

• Show tools label at higher resolution (demo)
• Remove collapsing of actions into ellipsis menu at lower resolutions and always showing edit button (demo, gerrit)
• Hiding watch based on edit count or watchstar (this was not popular on Discord but there has been some interest in this expressed)
• Only showing watch label on hover (source)
• Language-specific breakpoints for namespace tabs/actions collapsing onto new lines. There is concern that English breaks earlier than it needs to given optimizations for languages such as Ukrainian

@Sneha any additional things to add?

Test wiki on Patch demo by Jon (WMF) using patch(es) linked to this task was deleted:

https://a329196714.catalyst.wmcloud.org/w/