search

metafizzy / huebee

🐝 1-click color picker
https://huebee.buzz
403 stars 43 forks source link

Incompatibility with Bulma framework #15

Open tompec opened 6 years ago

tompec commented 6 years ago

Hi David,

I'm trying to use Huebee with the CSS framework Bulma.

But for some reason, the canvas doesn't show up: image

Here's the codepen: https://codepen.io/tompec/pen/jagwYe

Thanks!

desandro commented 6 years ago

Thanks for reporting this issue. Looks like Bulma has a .is-hidden style:

.is-hidden {
  display: none!important;
}

Which is causing the issue. You can override it by adding this CSS:

.huebee.is-hidden,
.huebee__cursor.is-hidden {
  display: block !important;
}

See demo https://codepen.io/desandro/pen/d3b654dc0a58e69c148bcdc31e6d4043/

Add a 👍 reaction to this issue if you would like to see this issue resolved within Huebee. Do not add +1 comments — They will be deleted.

tompec commented 6 years ago

That was it. Thanks a lot!

tompec commented 6 years ago

Btw you have a small typo here: https://github.com/metafizzy/huebee#initialize-with-javascript

querSelector instead of querySelector.