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

changing mouseover pointer possible? #36

Open
Tredis opened this issue Jul 31, 2017 · 5 comments
Open

changing mouseover pointer possible? #36

Tredis opened this issue Jul 31, 2017 · 5 comments

Comments

@Tredis
Copy link

Tredis commented Jul 31, 2017

Is it possible to change the pointer type when hovering over the trigger. It currently shows a text cursor instead of a finger/hand/link pointer like for the options.

I tried going into node_modules and commenting out mouseover events, but it didn't work.

Any ideas?

@mziwisky
Copy link
Contributor

mziwisky commented Aug 3, 2017

try adding a stylesheet to your page with

.Menu__MenuTrigger {
  cursor: pointer;
}

@Tredis
Copy link
Author

Tredis commented Aug 3, 2017

Can I do this inline? Or do I have to somehow link it in the index html?? I dont really understand how to do this. Could give me an example of where to put

.Menu__MenuTrigger {
  cursor: pointer;
}

please

@mziwisky
Copy link
Contributor

mziwisky commented Aug 3, 2017

that snippet is CSS. there are many ways you can add it to your page, e.g. put it inside a <style> tag in your HTML:

<style type="text/css">
  .Menu__MenuTrigger {
    cursor: pointer;
  }
</style>

other options: http://matthewjamestaylor.com/blog/adding-css-to-html-with-link-embed-inline-and-import

@Tredis
Copy link
Author

Tredis commented Aug 7, 2017

I see inline is one of the methods. I tried to do it inline, but it doesn't work. Am I doing it wrong?

<MenuTrigger style={{cursor: 'pointer'}} >

Do I have use injectCSS?

@mziwisky
Copy link
Contributor

The components in this repo do not accept inline styles. As explained in #35, injectCSS does not take parameters.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

No branches or pull requests

2 participants