search

RaphaelDDL / e7db-ui

EpicSevenDB.com UI for game information, such as Heroes, Artifacts, Gear, Skills and anything else necessary to present the DB. Made with NUXT.js (Vue.js, Express, SASS)
https://epicsevendb.com
Other
10 stars 5 forks source link

fix ui issue with overlapping dropdowns from hero page filters #25

Closed Kenford20 closed 4 years ago

Kenford20 commented 4 years ago

implemented a hacky fix for now, but issue stems from the multiselect dropdowns having the same z-index (10), am open for suggestions on a more versatile fix

Note: this issue still persists on tablet view when the select content opens upward (from being on a lower position in the view)

RaphaelDDL commented 4 years ago

Hey, thanks for the contribution. Yeah, this issue is kinda annoying.

I guess the correct way would to increase the z-index of the select options. I tried once but at the time I did the selects, I kinda rushed (you can see how chaotic the filter part is) so I didn't revisit it.

But if the hacky way works for now, great :) I'll test these changes tomorrow and merge 'em.

RaphaelDDL commented 4 years ago

Hmm I tested and it works when the select renders to the bottom. When it renders to the top, still happens image

I'm trying some different approaches now

Kenford20 commented 4 years ago

Yeah this is something I brought up in my initial description. Since the div that holds the dropdown content is absolutely positioned, it makes it more difficult to solve :(

RaphaelDDL commented 4 years ago

Finally found a fix that's not a hack. Mand, that took it's sweet time :( bundled in #29