* feat(nav): make navbar static
make the navbar in react layout and the static layout stick to the top of the screen
* feat(challenges): Make classic view flex
Classic view now uses flex to control it's height. This was necessary to control view and allow
navbar to be static on other pages.
This breaks mobile view and other non-classic challenge views
* feat(app): Add logic to make screen expand on tablet
* fix(app): let routes define their content structure
* fix(less): use American spelling of gray
* fix(classic-preview): make preview smaller to prevent scroll
* feat(classic-frame): Make frame border less distinct
* fix(challenges): scope test suite less to challenges
* feat(challenges): make generic ChallengeTitle component
Made adjustments to accomodate iphone
Made buttons responsive instead of hard coded widths
Ajusted media query widths
Changed order of buttons so input is on left
Added padding before collapse button when that row is collapsed
Map aside styled as originally was
Our pretty bar changes visual state of the filtered elements, clears with the X, restores hidden elements when deleting characters. Etc.
For the future: if a chapterBlock is collapsed but has results, expand it. No?
Also, hopefully getting fontawesome to the latest version... Regardless of that, this is a great opportunity for a legendary 404.
Expansion of containers achieved
Still working on collapsing them back when search terms change.
If users had just pressed "collapse all" before the search, they should remain thus afterwards.
The UX focus here is not to change the users' expected behaviour and final result.
Future: updating font awesome.
Working on a legendary "not found" image to make FCC join the internet hall of fame.
(btw, where would I keep that file in the server?)
Addressing the changes discussed over skype to fix#6564, and an incoming issue with #6584 in which the absence of the button will create awkward empty spaces.
Took that chance to improve the spacing even further —vertical real state.
----
bonus: changed the colour for the navbar hover status (brown -> darkgreen)
Centering in screen, responsive and indented.
Adittional styling to enhance visual hyerarchies, and then some UX colour-loving care to ease use on the sidebar+menu.
This commit makes the map header with the collapse button fixed by using
flex and overflow. This commit implements the behavior on both the aside
and map (mobile) page.
closes#6276
