search

pulilab / vue-people

VuePeople lists and connects Vue.JS developers around the world.
https://vuepeople.org
MIT License
172 stars 36 forks source link

Legend disappears on some mobile viewports #57

Closed DonNicoJs closed 6 years ago

TTeRzY commented 6 years ago

Hello , First, congratulations on the idea and the project :)

.map-legend class has a height of 30px that's why the legend disappears between 480px and 970px width, If I understand correctly . You should add this 30px height in @media only screen and (min-width: 980px)

DonNicoJs commented 6 years ago

@paizai What do you think ? @TTeRzY Thank you :)

DonNicoJs commented 6 years ago

@TTeRzY So I discussed this with @paizai he is concerned that the fix you proposed would generate problems with a tablet layout.
As a workaround we absolutely positioned the legend on mobile and even if we are not 100% happy with it for now will do!

We are planning a mobile / tablet ui 're-think' soon-ish and this will be addressed better there