NC-COVID-Support
NC-COVID-Support copied to clipboard
code-for-chapel-hill
Change the cursor to a pointer when hovering over clickable items.
Describe the bug When a user hovers over items that are clickable such as the drop down lists and the list items the cursor should change to a pointer. ( the little hand that points it's finger )
Currently this does not happen on the drop downs or the list items on the left.
To Reproduce Steps to reproduce the behavior:
-
Hover over the drop down lists
-
It should be showing the pointer, but it currently is not.
-
Select any business type
-
Hover over the list items on the left
-
The pointer should also change, but currently it is not.
@NemalPeiris, as part of a separate PR I changed the cursor to a pointer when hovering over the side dropdowns and the businesses on the left. On my computer, the cursor is a pointer when the dropdowns are opened and closed (screenshot below). However, as seen above, it seems this is not the case for @readingdancer. Would you be willing to work on this? I also use Chrome, so I'm not sure why this is the case.
One difference is I am using a windows PC and @eparadise is using a Mac. There may be differences in the rendering between the two.
I did some reading and it looks like the option tag is rendered by the OS so it doesn't allow you to change the theme of the cursor, which is why both of the dropdown menu looks different in the photos above, but one way to get around it is by changing the form select to dropdown but that will also change the way the drop down menu looks. Here is a link to stack overflow with the similar problem. I rearranged the code to make it work with dropdown button. One plus side is that now the style for the dropdown menu should be the same for all OS. Here is the link to my fork if you want to see the code.
Hi @aevix
Thank you for looking into this, it's 3am here and you have just caught me before going to sleep. I will take a look at this tomorrow :)
Cheers,
Chris