#Overlay in a component / Position absolute width: FILL

9 messages · Page 1 of 1 (latest)

glossy hinge
#

Overlay in a component

#

Here is the container component containing a utility replaceable component

#

Now I will demonstrate what I am hoping to achieve:

#

On hover it should look like this

image.png image.png
#

Obviously this seems pretty simple with an absolutely positioned element, but the problem arrises when the content of the container component is large and then the overlay isn't positioned properly anymore

#

As seen here:

image.png
#

I need some sort of position absolute and width/height fill

#

Overlay in a component / Position absolute width: FILL