overlayColor prop does not worjk properly

lucaspulliese / vue-cool-lightbox

Vue.js lightbox inspired by fancybox.

https://vue-cool-lightbox.lucaspulliese.com

340 stars 55 forks source link

overlayColor prop does not worjk properly #118

Open peminator opened 2 years ago

peminator commented 2 years ago

i use it directly in browser, all ok, but setting the rgba or hex color to :overlayColor, based on https://vue-cool-lightbox.lucaspulliese.com/#items-attributes does not work for me, fails to initialize (bypassed by forcing some own css, but should be fixed)

also - please - add option to not use thumbnails (im hidint the button with css at the moment)

cchacholiades commented 2 years ago

@peminator

You should be using the overlayColor as below and not as :overlayColor.
And to hide the thumbnail viewer, use prop :gallery="false", see source here. This is not documented.

<CoolLightBox
    :items="media"
    :index="mindex"
    overlayColor="rgba(20, 20, 20, .9)"
    :gallery="false"
    @close="mindex = null"
>
</CoolLightBox>