remove rounded corners and border when maximized

[diusonem]

I'm hiding almost everything including the title bar with the current css file having only this.

#header {
    display: none;
}

Vivaldi looks amazing in normal mode with nicely rounded corners, but when maximizing the window, those rounded corners no longer look good as shown in photos below.

• normal size
  
• maximized
  

Could you help pointing to what css elements I need to adjust? Thanks.

[pafflick]

IMO it's not a good idea to hide the entire header with custom CSS, but I assume you know what you're doing. I'm not on Mac, so I can't test this, but I would try using #browser:not(.maximized) to add custom CSS rules to remove the corner rounding & border. You may have to inspect that part of the UI to find the corresponding rules.

[diusonem]

@pafflick thanks, being able to hide and show any part of the UI with a shortcut away is the reason I sticks with Vivaldi

Regarding the corner, I tried to use vivaldi://inspect but could not figure out what to change, I tried

#browser {
  border-radius: 0 !important;
}

but it changes nothing.

[Truemotion]

I use minimal GUI too. But why not go to native full screen then? Removes border's and doesn't need any special code.