[font-box] Refine the font box UX

[pathumego]

• features [general] Finalize Features #35
• visual design

[lpsandaruwan]

This is the latest font-box view.

[lpsandaruwan]

Does the text color change on hover?

[rajitha-manamperi]

It seems we have to put all details within font box for better ux experience...
I need little more time to finalize this. But for now changes are

• preview option toggle
• apply to all
• font name (this stays visible)
• add button sits next to name , not right aligned
• ABC will change to a phrase (take more space)
• font style
• size (may be a slider or something)
  all options except name appears only on hover, name stay visible all the time.
  this is where it is now..
  

[lpsandaruwan]

Having multiple words is a better option from my side, :-) because of the font spacing I have to push more effort to get them in one line. :-D

[lpsandaruwan]

@DenzelRajitha Cannot put a slider in a bottom corner of a font box. Once we resize the text size, slider goes away from the mouse pointer. And it becomes a mess.

[pathumego]

I strongly feel that we should try the rubberband slider thingy from metapolator! :)

…

On Fri, 3 Feb 2017, 11:15 p.m. Lahiru Pathirage, ***@***.***> wrote: @DenzelRajitha <https://github.com/DenzelRajitha> Cannot put a slider in a Font box. Once we resize the text size, slider goes away from the mouse pointer. And it becomes a mess. [image: slider] <https://cloud.githubusercontent.com/assets/5220773/22601796/9de8c9f8-ea66-11e6-98b8-6a76872db738.png> — You are receiving this because you authored the thread. Reply to this email directly, view it on GitHub <#23 (comment)>, or mute the thread <https://github.com/notifications/unsubscribe-auth/AGh4kTUvHa6IjipMUIMGIY5uuBPUD3_wks5rY2eugaJpZM4LxUbZ> .

[lpsandaruwan]

I like it too. But for now, I'm suggesting to halt it, until other things get cool thus it doesn't work like "copy, paste" as I saw it. Or else I would like to have help from any, buddy fellow to work on that thing. :-)

[rajitha-manamperi]

#39

[lpsandaruwan]

About this design, when you change size or preview, buttons and options go down. Isn't it bothering a bit, coz the user have to move the mouse to the bottom again to change the size or preview option?

[rajitha-manamperi]

-font name moves up little on hover giving space to style,etc menu
-preview text expands downwards (install,etc move down)