JLBlk / Zen-Themes

Themes for @zen-browser
https://zen-browser.app/themes
24 stars 0 forks source link

[Bug] SuperGradient: Gradient oversteps Zen's border-radius on content window #14

Open enoversum opened 1 week ago

enoversum commented 1 week ago

This is simple to replicate: If SuperGradient is disabled, the outer border of the content window for a website or a settings page is shown correctly. Once you activate a gradient or the Mod, the border-radius of the gradient is overlapping the border, thus creating gaps at the edges of the browser.

With SuperGradient: image

Without SuperGradient: image

Would be ideal to have the gradients not interfere with the border/border-radius of Zen.

JSGRD22 commented 4 days ago

Issue seems to have resurfaced in 1.0.1-a.5

JLBlk commented 4 days ago

I already had a solution for that, but removed it since a4 of zen or something fixed it, but it seems you're right that the issue is there again. I'll just implement my solution. -> Will be fixed with the next release If you don't want to wait until the update is public, you can add the following code to your userChrome.css

/* This fixes the corners of the browser content */
:root:not([inDOMFullscreen='true']):not([chromehidden~='location']):not([chromehidden~='toolbar']) {
  & #tabbrowser-tabbox #tabbrowser-tabpanels .browserSidebarContainer {
    overflow: hidden;
  }
}