search

lmcjt37 / kulor-reactify

Colour convertor written using node and react
https://lmcjt.com/kulor
MIT License
1 stars 1 forks source link

UI too tall for mobile #13

Closed lmcjt37 closed 7 years ago

lmcjt37 commented 7 years ago

Recently adding the button bar has cause the screen to be too tall to fit on the screen without scrolling.

A decision needs to be made in order to either present the buttons better at the bottom of the screen, show only icons, or have a single button that hides/shows all the buttons as and when they are needed.

lmcjt37 commented 7 years ago

Just leaving this here as this was one idea I quite liked

https://css-tricks.com/gooey-effect/

lmcjt37 commented 7 years ago

Although there is a layout fix for mobile, I am still not happy with how it is presented to the user. The layout is "better" but I'm finding the idea of using something creative like the gooey effect as a flourish more appealing.

lmcjt37 commented 7 years ago

PR for micro-interaction around this issue...fallbacks for mobile aren't very elegant and needs more investigation. See PR https://github.com/lmcjt37/kulor-reactify/pull/17

lmcjt37 commented 7 years ago

Improved UI layout for this issue, switch between buttonBar and gooey nav based on screen size for improved usability too.