search

freedomotic / fd-vue-webapp

A Vue.js web application for Freedomotic Open IoT framework
http://fd-vue-webapp.herokuapp.com/
GNU Affero General Public License v3.0
65 stars 66 forks source link

Hide button when scrolling in mobile component #192

Open mcicolella opened 6 years ago

mcicolella commented 6 years ago

As you can see in the attached image, the button (bottom right corner) overlaps some elements.

screenshot_2018-10-14-18-11-28

It'd better to hide it when scrolling down and show it again when scrolling up.

P.D. any other good alternative? Code ref. https://github.com/freedomotic/fd-vue-webapp/blob/master/src/components/mobile/mobile-pages/PluginsPanel.vue

amenak77 commented 6 years ago

If object's list lenght is lower then or equal to screen's lenght, the button could cover an element anyway and the list shouldn't be "scrollable". I guess we should think to something else

mcicolella commented 6 years ago

@amenak77 what's your solution?

amenak77 commented 6 years ago

@mcicolella maybe changing the button's position

amenak77 commented 6 years ago

or commutate the button with another GUI element less "intusive"

amenak77 commented 6 years ago

In my opinion, first choise should be more standard

romanofranz commented 6 years ago

What about changing the floating button to a menu entry in the app bar menu?

amenak77 commented 6 years ago

@romanofranz choise numer two; not bad @mcicolella what do you think about this?

amenak77 commented 6 years ago

@romanofranz do you want to take this issue?

romanofranz commented 6 years ago

@amenak77 Unfortunately I'm not a Vue developer, I was just suggesting my idea because I spot the question on Twitter :(

tombed154 commented 5 years ago

Hi, i would like to take this issue as my first contribution, if it is still relevant.

mcicolella commented 5 years ago

@mcdead154 ok

anilakodukula commented 3 years ago

is this still an issue? The link above to the code does not work.