Cover block - Default overlay opacity is set to 100

[geriux]

Description

The default overlay opacity is set to 100 which covers any image/video that's added as a background. This is a regression from this PR.

Step-by-step reproduction instructions

• Open the mobile editor
• Add a Cover block
• Add an image
• Once it finishes uploading, you can see the overlay is covering the image.

Expected behaviour

The media should be visible when it's added to the block. The overlay should have a default value of 50

Actual behaviour

The media is covered by the overlay which has a default value of 100

Screenshots or screen recording (optional)

Screenrecorder-2021-10-19-16-46-05-405.mp4

Device information

• Device: Redmi Note 8T OS 11

[glendaviesnz]

@geriux Because of the need to allow an opacity setting on the background color when there is no image, as added here, I think it might be confusing to users to set the default dimRatio to 50 as then the background color will have a default 0.5 opacity so users might wonder why they selected black but it shows more as a grey, etc.

It would be possible though to switch the dimRatio to 50 if an image is added and it is currently set to 100 as in this PR. Do you think that would work as a solution for the mobile app as well?

[geriux]

@geriux Because of the need to allow an opacity setting on the background color when there is no image, as added here, I think it might be confusing to users to set the default dimRatio to 50 as then the background color will have a default 0.5 opacity so users might wonder why they selected black but it shows more as a grey, etc.

It would be possible though to switch the dimRatio to 50 if an image is added and it is currently set to 100 as in this PR. Do you think that would work as a solution for the mobile app as well?

Hey @glendaviesnz 👋 thank you for working on a fix so quickly! This works for mobile with the extra change from this PR 🎉