mrjs icon indicating copy to clipboard operation
mrjs copied to clipboard

`mr-img` should be clipped by `border-radius` on an `mr-div`

Open lobau opened this issue 1 year ago • 5 comments

Sample code: https://codepen.io/lobau/pen/ZEPJqxQ

The ᴍʀjs logo is in a mr-div that has border-radius: 16px;. The image is not clipped by the border radius:

image

lobau avatar Jan 23 '24 21:01 lobau

@hanbollar would nested masking be a thing?

michaelthatsit avatar Jan 23 '24 21:01 michaelthatsit

@hanbollar would nested masking be a thing?

we could definitely do it, just wouldnt want to go overboard on using it that's all

for this we can

hanbollar avatar Jan 24 '24 20:01 hanbollar

I don't think this is currently possible. @hanbollar ?

michaelthatsit avatar Apr 08 '24 21:04 michaelthatsit

I don't think this is currently possible. @hanbollar ?

not anymore now that we have the current masking system rework setup

it would need to be a featureadd/rework on top

hanbollar avatar Apr 08 '24 21:04 hanbollar

the mrjs website now uses a model instead of an image but we should still consider supporting it similarly as HTML: off by default for performance reasons, but can be enabled by using overflow: hidden like in HTML

lobau avatar Apr 08 '24 21:04 lobau