Move Hide/Show Panel Button to Right if Panels are on the Right

[Pesala]

When panels are on the right, the icon on the left is useless.

I reported this as a bug a long time ago. See the bug number:

(VB-8055) Show/hide Panel button on wrong side if panels on the right

[TyrianMollusk]

Hah, I had no idea that was even there, since the first thing I did was move the panel to the right side, so that tiny half-filled box never even drew my mouse's attention.

Yes, that icon should absolutely follow the panel, not just because that's the only thing that makes sense, but because it needs to have the mouse close to the panel once it comes up, instead of the farthest possible point on the window.

I would also suggest an option to shift the panel button into the bookmarks and address bar space (whichever is there, or a small bar that runs vertically through both), since that also touches the panel space and is more around where typical mousing and "let's do ..." commands will happen. Ideally, have both, like gates on the panel space you can grab from whichever direction you're going to work.

[ozoratsubasa]

@pesala said in Move Hide/Show Panel Button to Right If Panels are on the right:

When panels are on the right, the icon on the left is useless.

Really. It makes the browser appearence loses a bit of harmony

[Pesala]

A single line of CSS code can fix this:

 .paneltogglefooter {order: 1;}

[siongr]

where do you add this line?

[Pesala]

@siongr In common.css

See the Modding Forum

[stilgarwolf]

@pesala said in Move Hide/Show Panel Button to Right if Panels are on the Right:

A single line of CSS code can fix this:

 .paneltogglefooter {order: 1;}```

No, it just moves button to the right.
The button must be placed below panel, right or left.

[Pesala]

@stilgarwolf said in Move Hide/Show Panel Button to Right if Panels are on the Right:

No, it just moves button to the right.

Well, that's what I said it did, and what this feature request is about. If you want the freedom to move buttons to different toolbars you should vote for the Configurable Toolbar feature request.

This request asks to move the button to the right if the panels are on the right, and to keep it on the left if the panels are on the left.

[A Former User]

@Pesala said:

@stilgarwolf said in Move Hide/Show Panel Button to Right if Panels are on the Right:

No, it just moves button to the right.

Well, that's what I said it did, and what this feature request is about.

So you would maybe like this:

#main.right + #footer .paneltogglefooter { order: 1; }

[Pesala]

The code to make this modification has changed for recent Snapshots. Now try this:

/*MovePanelToggleOnRight*/
> .status-toolbar > div:nth-child(1) {
>     order: 1; 
> }

[LonM]

The latest snapshot has re-built the toolbar icons so they can be hidden. What they didn't say in the blog post (largely because it's not doable via a menu yet) is you can also re-order things.

You can now make the panel toggle appear on the right, without the need for any mods at all:

1. Visit vivaldi://inspect
2. Click Apps on the sidebar
3. Click the topmost Inspect button
4. In the window that opens, navigate to the Console tab
5. Click in the white space at the bottom of this area, and paste the following and press enter:

vivaldi.prefs.set({path: "vivaldi.toolbars.status", value:["SyncStatus", "StatusInfo", "TaskList", "VersionInfo", "CaptureImages", "TilingToggle", "ImagesToggle", "PageActions", "Zoom", "PanelToggle"]});

6. You can now close the window that opened

Using this method will also sync the changes across all Vivaldi instances, if you have sync enabled. And you won't need to re-install the mod every time Vivaldi updates.

[Hadden89]

@LonM Nice, just for curiosity.. it works also for toolbar buttons?

[LonM]

@Hadden89 If you mean the ones on the address bar, yes:

vivaldi.prefs.set({path: "vivaldi.toolbars.navigation", value:['Rewind', 'Back', 'Reload', 'Forward', 'FastForward', 'Home']});

[Pesala]

@LonM I finally got around to applying this workaround. As said, it remains after a version update.

The icon flips horizontally if the panels are moved to the left, but it stays on the right as expected. One would have to reapply a slightly different fix to put it back on the left again.

[A Former User]

@LonM Question like @Hadden89: how do you get the path and values?

[LonM]

@potmeklecbohdan If you have sync enabled, you can find them in vivaldi://sync. I don't know of any easier way to find them.

[Pesala]

It is now possible to move buttons from the Status Bar, but this does not quite solve the problem as the Zoom controls cannot be moved or removed.

Still, this is more useful than before.

[Pesala]

With the addition of the Status Bar Clock to the right of the Zoom Controls, it is now possible to move the button to the right of the clock, so the desired outcome can be achieved by customisation.

Automatic would be nice, but this is now good enough for me.

[Ayespy]

@Pesala I just wish it were possible to move the settings gear to the top of the panel.

[Pesala]

@Ayespy I don't understand why the Settings Gear button is on the (often hidden) Panel Toolbar at all. What does it have to do with panels? It would be better on the Status Bar, but one can use the Sync button as a workaround, and move that to the top with the navigation buttons.