Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Incompatibility with Bulma framework #15

Open
tompec opened this issue Dec 9, 2017 · 3 comments
Open

Incompatibility with Bulma framework #15

tompec opened this issue Dec 9, 2017 · 3 comments

Comments

@tompec
Copy link

tompec commented Dec 9, 2017

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
Copy link
Member

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
Copy link
Author

tompec commented Dec 18, 2017

That was it. Thanks a lot!

@tompec tompec closed this as completed Dec 18, 2017
@tompec
Copy link
Author

tompec commented Dec 18, 2017

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

querSelector instead of querySelector.

@desandro desandro reopened this Dec 20, 2017
desandro added a commit that referenced this issue Dec 20, 2017
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Development

No branches or pull requests

2 participants