search

victrme / Bonjourr

Minimalist & lightweight startpage inspired by iOS
https://bonjourr.fr
GNU General Public License v3.0
1k stars 116 forks source link

Webpage corners not rounded with uc.tweak.rounded-corners #473

Open princess-wawa opened 1 month ago

princess-wawa commented 1 month ago

Describe the bug The corners of the webpage are straight while the box they're in has rounded corners, as you can see here Screenshot From 2024-10-20 17-51-37

To Reproduce Steps to reproduce the behavior:

  1. Install a userchrome.css that has rounded corners on the webpage part of the browser, or you can just turn the value of uc.tweak.rounded-corners to true in about:config
  2. go to the regular new tab with the extension installed or to https://online.bonjourr.fr
  3. you should see the corners sticking out of the webpage window

Expected behavior the edges of the new tab page shouldn't stick out of the webpage window

Screenshots I've managed to find what caused the issue, it's this CSS line: Screenshot From 2024-10-20 17-45-12 as you can see, when disabled Screenshot From 2024-10-20 17-45-28

this is with everything else removed, but you can also see that it behaves the same with the full page shown Screenshot From 2024-10-20 17-49-29 Screenshot From 2024-10-20 17-49-42

the closest I've been able to get it working without making the corners look like that is by changing the blur to a background-color: rgba(255, 255, 255, 0.2); image

Device (please complete the following information):

victrme commented 1 month ago

Hi @princess-wawa, this is a very specific issue 😮

I don't think we will work on it for now since it is currently only a userchrome.css tweak.

What you can do is disable the backdrop-filter in your custom CSS option, but that is it for now !