Vivaldi GX Revisited (Updated Opera GX Mod)

xiannero30

@nomadic thanks for the update, i am not sure if its an issue or not but you can see in the below screenshot that if i keep sidebar open , the line is not straight and the exit button is inside the line. Another thing is the vivaldi icon is not changed . Other than this 2 , i think everything looks great

nomadic

@xiannero30 Sorry for the late reply.

I didn't check tabs being on the left for the small fix.

@xiannero30 said in Vivaldi GX Revisited (Updated Opera GX Mod):

the line is not straight and the exit button is inside the line

I am not sure if that is any different than it was before (other than misalignment). It could be adjusted to be different, but I would need your input on how you want it to look.

Do you want the vertical border on the panel bar to stop once it reaches the address bar? Or additionally go horizontally across the top of the panel bar below the address bar?

Doing either of those would eliminate the misalignment issue as well. I never found a good way to make sure there was no misalignment for all screen resolutions and scaling settings. Here is how it looks on my screen, a slight shift in the opposite direction...

Another thing is the vivaldi icon is not changed

~~I will push a fix to the repo; it should be easy.~~ Edit: Done, pushed the fix to the repo.

Also, could you try setting the tabs to horizontal as a test for me? I see a slight misalignment that ruins the horizontal gradient along the bottoms of the tabs, but I am not sure if it is just a result of my display. I don't want to mess with it if it works properly on other people's computers.

Here is how it is supposed to look:

And here is how it looks for me:

xiannero30

@nomadic Thank you for the update, so i just downloaded it again , now the icon changed if i keep the tabs horizontal , but if i keep the tabs vertical then the icon goes back to normal ( check the 2nd screenshot).
And as for the first screenshot mine doesn't looks like yours's, i marked it green.

nomadic

@xiannero30 Hmm, that is how it was before I fixed it, so maybe the latest CSS somehow didn't go live. Did you download it from this link: https://github.com/ortiza5/Vivaldi-GX/archive/refs/heads/master.zip

If the link doesn't work, you can always go to the main repo page, and select the Download ZIP option under the green <> Code dropdown.

It is also strange that the panel bar doesn't extend upwards next to the address bar in your picture with the horizontal tabs, but it does look like the gradient isn't working correctly. I just pushed a potential fix to the repo to make the gradient work again, if you wouldn't mind testing it again.

Thank you for the help with fixing the horizontal tab layout even though you don't use it

xiannero30

@nomadic ok, its weird , now the horizontal tab fixed but issue when vertical tab , the exit button is not at the end of the right side( 1st image).

2nd image is the fixed horizontal tab, in case you like to see.

Another question, 3rd image, in which file i can change this tab box? I want to try something different for myself

nomadic

@xiannero30 said in Vivaldi GX Revisited (Updated Opera GX Mod):

the exit button is not at the end of the right side( 1st image).

Yeah, I think that was a conscious choice I made while rewriting the mod because of a workaround to an issue regarding a continuous background behind the extended height panel bar. I set a pseudo element (::before) on the address bar to extend down the whole window. With tabs on the side, it doesn't work as well. I am now wondering why I didn't do that for the border as well, might need to take another look at that...

I can try and fix it, but I need some input on how you want it to look?

Option 1:

Move the Close button into the vertical panel bar
Like this, but obviously the border and alignment would need to be fixed

Option 2:

Just cut off the panel bar at the address/bookmark bar
Like this:

Option 3:

Cut off and a horizontal border across the top
Like this:

2nd image is the fixed horizontal tab, in case you like to see.

Great! Glad the fix isn't limited to my display resolution and scaling. Think it might mess up some tab stacking things though, so I will still need to work on it.

in which file i can change this tab box?

This should be the CSS that does it. The clip-path cuts off the background color in the corner, and gradient is used to draw the angled border segment.

https://github.com/ortiza5/Vivaldi-GX/blob/master/Mod/sources/tab-bar.css#L270-L276

xiannero30

@nomadic thanks for your rework and i like the option 2

nomadic

@xiannero30 Thanks, I will work on it and hopefully have it updated soon. More stuff needs to be accounted for than my quick hacking with devTools.

nomadic

@xiannero30 Finally pushed the changes for side tab bar positions and also removed some borders that shouldn't be visible in that configuration.

Let me know if the new changes from GitHub work. Thanks.

xiannero30

@nomadic I just tested the new update, now its working completely, thanks