Fixed floating search combobox and votes tooltip over votes modal issues
In this development contribution I want to report two issues I fixed for Utopian.io website.
![contribution8.png](https://steemitimages.com/640x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1511625816/xxx3cdeceilbea0mcq7o.png)
The first issue
was that the search dropdown menu (combobox) was scrolling together with the page instead of remaining fixed.
Here is an illustration of the issue:
![utopian-floating-combobox.png](https://steemitimages.com/640x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1511625832/w2vyyoaigtconj23wbft.png)
Changes I made:
- I forced the dropdown menu to always have position fixed.
Reported issue: https://github.com/utopian-io/utopian.io/issues/95
The second issue
was that upon clicking/tapping on the number of votes, both the votes tooltip and the votes modal would appear but the votes tooltip was on top of the votes modal.
Here is how it looked:
![utopian-tooltip-over-modal.png](https://steemitimages.com/640x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1511625842/t6p7lsvpq2p7g8etghcd.png)
Changes I made:
- I changed the z-index property of the votes tooltip so that it will always stay behing the votes modal
Reported issue: https://github.com/utopian-io/utopian.io/issues/98
I made two separate commits in order to fix the above mentioned issues, but I have put both of them in a single pull request.
Pull request: https://github.com/utopian-io/utopian.io/pull/100
Here is also a screenshot of the merged pull request:
![utopian-pull-100.png](https://steemitimages.com/640x0/https://res.cloudinary.com/hpiynhbhq/image/upload/v1511625855/lfevqpx3eho8vlozi4ua.png)
Posted on Utopian.io - Rewarding Open Source Contributors
Hey @sirrius I am @utopian-io. I have just upvoted you at 18% Power!
Achievements
Community-Driven Witness!
I am the first and only Steem Community-Driven Witness. Participate on Discord. Lets GROW TOGETHER!
Up-vote this comment to grow my power and help Open Source contributions like this one. Want to chat? Join me on Discord https://discord.gg/Pc8HG9x
Thank you for the contribution. It has been approved.
You can contact us on Discord.
[utopian-moderator]
Tips are awesome, say one thing, there is a person's hand behind everybody's success in life and they succeed with following someone. I think that's the way of success.