Vivaldi GX Revisited (Updated Opera GX Mod)

[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

[Prakash11]

@nomadic @beyxnd
i don't know why i am not getting the similar UI appearance as you have uploaded the screenshots.
i have implemented all the steps mentioned. please help me

[nomadic]

@Prakash11 Sorry, I forgot to update the main post instructions.

You need to go to vivaldi://settings/appearance/ and set User Interface Density to Compact.

Also, if you downloaded the CSS from the Releases page on GitHub, there is newer CSS available. I just packaged it into a new Release as v2.2.

[Prakash11]

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