Option to place the Workspaces icon at far right of the tab bar
-
@g_bartsch I think the need for this is limited. Since CSS mods are available for edge-cases if some users need them, there is not much incentive for the Team to spend time on this.
I am sure that they would like to do it one day, but there are so many more things to do.
-
@Pesala said in Option to place the Workspaces icon at far right of the tab bar:
Since CSS mods are available for edge-cases if some users need them, there is not much incentive for the Team to spend time on this.
Yes and in this case @shifte has built basically 100% what I want. IF he's able to move the trash can to the far right the few people in the world who want this will be totally satisfied.
-
@g_bartsch said in Option to place the Workspaces icon at far right of the tab bar:
I tried by using order: 2 but that didn't work.
Order
hasn't been set on the other elements in the tab bar, so the other elements won't respect any order changes unlessorder
is set on them as well.You can get your desired order by adding this to @shifte's CSS:
.toolbar-tabbar.sync-and-trash-container { order: 2; }
-
@nomadic Wow; it works! And is perfect - thank you so much. Some of you people are coding geniuses.
So if anything else were to ever make its way up there this code would likely break and need to be updated? And all the items could be arranged as desired?
-
@nomadic Looking good now.
-
@g_bartsch said in Option to place the Workspaces icon at far right of the tab bar:
So if anything else were to ever make its way up there this code would likely break and need to be updated? And all the items could be arranged as desired?
As it always is with modifications. Update. Break. Repeat.
Luckily in this case Vivaldi doesn't tend to use
order
to position thing because they can just change the order they are listed in the HTML. As long as only those 2 elements have anorder
set on them, they should stick to the right.The most likely breakage would probably be a class changing name, some restructuring of the HTML (like if they changed the tab bar into and editable toolbar), or some overlapping UI issue.
-
@nomadic said in Option to place the Workspaces icon at far right of the tab bar:
because they can just change the order they are listed in the HTML.
Is there an HTML page possibly with tables in it that is responsible for the arrangement of items like the web panel, address bar, content area, etc.? Is that the file that would need to be modified to achieve things like my request for the address bar to be located above the page content area?
-
@g_bartsch Not really. Most of the structure is set up in
bundle.js
.The layout you want isn't too hard to get with CSS, but the adaptability to different panel widths is where it gets difficult.
Do you change the panel width often? Or do you leave it at a fixed width?
with tables
It is all flexboxes and grids instead of tables these days, unless you are doing HTML emails. Seen tables still used there for layout.
-
@nomadic said in Option to place the Workspaces icon at far right of the tab bar:
Do you change the panel width often? Or do you leave it at a fixed width?
Well for the most part I don't adjust it much. I have adjusted it now based on the width of the Address Bar and am not changing it. But in my trading Workspace I will F4 to hide the Web Panel so my charts can fill the width of the screen.
I wish Vivaldi would build this in natively because it worked so well in Old Opera. They must have stuck with it for all those years for a reason and I can't imagine why they abandoned it.
-
@g_bartsch Alright, I wrote something up for permanent panel widths and posted it in the other thread: https://forum.vivaldi.net/post/659683