search

phylotastic / phylotastic-portal

Web tool (ruby on rails) providing access to phylotastic services for acquiring species trees.
https://github.com/phylotastic/phylotastic/wiki
1 stars 3 forks source link

menu styling #243

Open arlin opened 7 years ago

arlin commented 7 years ago
  1. For every item on List view (Home) and Tree view, make sure it is associated with a menu area.
  2. Give each menu area a background color (e.g., like "Make a new list" below).
  3. Give each menu area a title with emphasis (bold or larger font). Call the control panel for the tree viewer "Customize tree view".

OK

screen shot 2016-10-21 at 5 45 44 pm

Not OK

screen shot 2016-10-21 at 5 46 34 pm screen shot 2016-10-21 at 5 46 51 pm screen shot 2016-10-21 at 5 46 55 pm screen shot 2016-10-21 at 5 52 52 pm
hdliv commented 7 years ago

i am not sure if this has been mentioned, but the titles of the buttons are not within the button boundaries

hdliv commented 7 years ago

screen shot 2016-10-24 at 07 50 10

arlin commented 7 years ago

That's a fairly common thing that happens when the browser window is too narrow.

ducvan0212 commented 7 years ago

@arlin I decreased padding so text inside button looks a little bit better for narrow window. I tested to add background area for some menu parts but I think it looks worse. Would you like to see menus in grey background then decide to keep them or not?

arlin commented 7 years ago

@hdliv, @ducvan0212, this ticket is just about the styling. If you want to make a separate ticket to fix auto-sizing or wrapping, please do that. Keeping separate issues separate makes us more efficient.