Fixed floating search combobox and votes tooltip over votes modal issues

Words
166
Reading
1 min
Listen
Play
9y

In this development contribution I want to report two issues I fixed for Utopian.io website.

contribution8.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

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

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



Posted on Utopian.io - Rewarding Open Source Contributors

Fixed floating search combobox and votes tooltip over votes modal i... | Ecency