Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

Styling (mobile-first) #19

Open
1 of 3 tasks
ameliejyc opened this issue Sep 29, 2017 · 0 comments
Open
1 of 3 tasks

Styling (mobile-first) #19

ameliejyc opened this issue Sep 29, 2017 · 0 comments
Labels
priority-3 T2d
Milestone
Milestone 1

Comments

@ameliejyc
Copy link
Collaborator

ameliejyc commented Sep 29, 2017 •
edited by astroash
Loading

User stories

As a user browsing the app I can see:

  • a consistent style and colour scheme throughout the app
  • icons, images and beautiful fonts
  • usable on both mobile and desktop size screens

Success Criteria

  • accessible, consistent colours, fonts and grids
  • responsiveness
  • suitable images and icons
@ameliejyc ameliejyc added the T2d label Sep 29, 2017
@ameliejyc ameliejyc added this to the Milestone 1 milestone Sep 29, 2017
maxgerber added a commit that referenced this issue Oct 5, 2017
@maxgerber
Got burger menu to float right
74b8a91 
Set Maximum Width of page to 60 using tachyons
Made icons larger
Made menu items into links
Factored NavBar out into the App component to make our code DRYer
Did some styling
Still need an icon in the center of the navbar which changes according to the currentTopic, and an ability to update the state.currentTopic onClick of an Icon component on our home screen
Need SVGs to appear next to each link in the menu (as in our inVision prototype
Relates #12 display-homepage and #19 styling
maxgerber added a commit that referenced this issue Oct 6, 2017
@maxgerber
Added in styling from react-sling example
ded8f85 
Started incrementally removing CSS (which is essential to the app's functionality)
Trying to find a base/boilerplate version of this module
Will then customise into policy snippets
Relates #19 #14
ameliejyc added a commit that referenced this issue Oct 10, 2017
@ameliejyc
#35 #19 Start styling modal carousel
d52582d
ameliejyc added a commit that referenced this issue Oct 10, 2017
@ameliejyc
#19 #35 Amend widths and alignments for modal carousel
8883e7f
ameliejyc added a commit that referenced this issue Oct 10, 2017
@ameliejyc
#19 #35 Remove unnecessary images, add modal to snippet view
ddd9bf6
maxgerber added a commit that referenced this issue Oct 11, 2017
@maxgerber
Made home buttons responsive
ad82fe5 
Made main views sit underneath the navbar
Relates #19
@maxgerber maxgerber mentioned this issue Oct 11, 2017
Merged
maxgerber added a commit that referenced this issue Oct 11, 2017
@maxgerber
Changed icons to be nucleo
5b9c06b 
Relates #19
maxgerber added a commit that referenced this issue Oct 11, 2017
@maxgerber
Changed font and increased responsivity
d09cb21 
Relates #19
ameliejyc added a commit that referenced this issue Oct 11, 2017
@ameliejyc
#19 Makes policy carousel look better
06720a3
ameliejyc added a commit that referenced this issue Oct 11, 2017
@ameliejyc
#19 #13 Style policy carousel with responsiveness
6e34b04
@maxgerber maxgerber mentioned this issue Oct 11, 2017
Merged
maxgerber added a commit that referenced this issue Oct 11, 2017
@maxgerber
Added in icon on NavBar that renders from App State
4599b55 
Relates #19 styling
maxgerber added a commit that referenced this issue Oct 11, 2017
@maxgerber
Added a topic title to the policy page
014a579 
Relates #19
maxgerber added a commit that referenced this issue Oct 12, 2017
@maxgerber
Some improvements to styling
1198aa0 
Relates #19
astroash added a commit that referenced this issue Oct 12, 2017
@astroash
Changed classname of button to be more semantic
6812019 
Added background colour of yellow to button
Relates #19
astroash added a commit that referenced this issue Oct 12, 2017
@astroash
Styling experiments for responsiveness
b70e610 
Relates #19
maxgerber added a commit that referenced this issue Oct 12, 2017
@maxgerber
Took the information button out of the line of text
9f9d9db 
Relates #19
@maxgerber maxgerber mentioned this issue Oct 12, 2017
Merged
ameliejyc added a commit that referenced this issue Oct 12, 2017
@ameliejyc
#19 Add in modal screenshots and adjust spacing
4bc5d0f
maxgerber added a commit that referenced this issue Oct 12, 2017
@maxgerber
Merge pull request #65 from astroash/them-changes
e1a2a91 
#19 Add in modal screenshots and adjust spacing
maxgerber added a commit that referenced this issue Oct 12, 2017
@maxgerber
finished summary button
ca4ac67 
Relates #19
@maxgerber maxgerber mentioned this issue Oct 12, 2017
Merged
maxgerber added a commit that referenced this issue Oct 13, 2017
@maxgerber
RAINBOW STYLING 🌈
6838d92 
Relates #19
Removed dummy data
@maxgerber maxgerber mentioned this issue Oct 13, 2017
Merged
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
priority-3 T2d
Projects
None yet
Milestone
Milestone 1
Development

No branches or pull requests
2 participants
@astroash @ameliejyc