NO BUG: In background overlay does not conform to the background shape

Bugs
1

Browser: Chrome 110
OS: macOS / Windows / Linux / etc.
URL: Link to a page that illustrates this issue
Bricks Version: v1.8

Hi everyone,

It’s just a simple gradient/overlay layer. The container has 10 px for the edges (Using a CSS class I created for common cards, just border and shadow), but the overlay layer does not conform to the curvature of the edges.

chrome_oJPSBRXdZ6
chrome_oJPSBRXdZ61920×991 103 KB

Without overlay:

chrome_tOs8voFFRH

With overlay:
chrome_jakBtYASyg

2

Add overflow:hidden in layout settings of the element you applied the overlay to and that should fix it it.

The overlay gets applied via pseudo element which by default takes up 100% height and width, so without the hidden overflow it’ll cover up those border edges.

1 Like
3

@manc Thank you very much!

It works perfectly.

Have a great day.