humanswitch / consentcookie

Open source AVG solution for websites
Apache License 2.0
27 stars 10 forks source link

transparent icon not rendered well after opening ConsentCookie #18

Closed rockxwre closed 6 years ago

rockxwre commented 6 years ago

Description

I configured ConsentCookie with an almost transparent secondary color. screenshot from 2018-04-12 11 25 46

Expected Behavior

The whole circle should be transparent.

Steps to Reproduce

Configure ConsentCookie using:

window.ConsentCookie.init({"apps":{"endpoint":"https://www.consentcookie.nl/consentcookie/latest/consentcookie.json","consent":{"cc":{"initstate":"optin"},"gtm":{"initstate":"optin"}}},"design":{"layout":{"position":"right"},"colorscheme":{"primary":"#6DFC90","secondary":"rgba(157,32,119,0.02)","tertiary":"#2C612B"}},"resources":{"nl":{"info":{"title":"Over ConsentCookie","text":""}}}});
    if (true) {
}

Your Environment

StevenChoo commented 6 years ago

This is not an bug, but related to how css works. To have the menu "slide in" it needs to go behind something. The menu button is circular and the menu has rounded corners so to have it fully disappear it needs to go behind the menu button. If the menu button is transparent you will see the menu behind it.