The purpose of this app is to provide a consolidated informational dashboard for a vacationer or traveler in which they can make informed and quick decisions without having to navigate multiple websites.
Summary
See changes and image below. I cant do much at this poing of styling updates without some manipulation of classes or nesting since were using a framework so I'm not doing anything else unless you guys say to or we just work together so I dont mess up any class your using somehow.
Updated the css file to clean up some old duplicates and classes that were scattered around from the beginning. I just grouped the existing css in order by which its generally used for easier navigation. I also cleaned up 4 background color classes I was using to make it easier to play with colors quickly as a team later on the tiles and such. The original can be seen below in white, with my updated names and duplication cleanup in dark.
I adjusted class names for all the tiles just for background, so that its a bit crisper. Also the team was against the green so I just got rid of it. But we can play with all of this simply by changing one of four now when we want and its clear what goes to what.
I deleted an old media query in css file that I am not using anymore.
Things I think would be good next but waiting on team to approve (I played in my sandbox branch to make examples)
Update weather today tile to look like this for white space fill:
Update the entertainment and food tiles to use common pin buttons that are more visible and make for easier clicking (we can still add buttons and use is-ghost to hide background but this looks cleaner with better spacing and bigger click area. Also make text white and maybe make its hover a yellow as it is now:
When screen loads first time, hide eveyrthing except the brand. Dont want two search bars
Other stuff can be bug fixing I'm sure we find something else with u.i
Summary See changes and image below. I cant do much at this poing of styling updates without some manipulation of classes or nesting since were using a framework so I'm not doing anything else unless you guys say to or we just work together so I dont mess up any class your using somehow.
Updated the css file to clean up some old duplicates and classes that were scattered around from the beginning. I just grouped the existing css in order by which its generally used for easier navigation. I also cleaned up 4 background color classes I was using to make it easier to play with colors quickly as a team later on the tiles and such. The original can be seen below in white, with my updated names and duplication cleanup in dark.
I adjusted class names for all the tiles just for background, so that its a bit crisper. Also the team was against the green so I just got rid of it. But we can play with all of this simply by changing one of four now when we want and its clear what goes to what.
I deleted an old media query in css file that I am not using anymore.
Things I think would be good next but waiting on team to approve (I played in my sandbox branch to make examples)
Update weather today tile to look like this for white space fill:
Update the entertainment and food tiles to use common pin buttons that are more visible and make for easier clicking (we can still add buttons and use is-ghost to hide background but this looks cleaner with better spacing and bigger click area. Also make text white and maybe make its hover a yellow as it is now:
When screen loads first time, hide eveyrthing except the brand. Dont want two search bars
Other stuff can be bug fixing I'm sure we find something else with u.i