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

Make the website responsive #17

Closed
robyngit opened this issue May 19, 2021 · 1 comment · Fixed by #126
Closed

Make the website responsive #17

robyngit opened this issue May 19, 2021 · 1 comment · Fixed by #126
Assignees
@robyngit
Labels
priority: high An issue that is of high importance or urgency templating

Comments

@robyngit
Copy link
Member

We should ensure that the CSS adapts to different screen sizes
@robyngit robyngit self-assigned this May 19, 2021
This was referenced Jun 10, 2021
Closed
Merged
@robyngit robyngit mentioned this issue Sep 22, 2021
Closed
@robyngit robyngit added the priority: high An issue that is of high importance or urgency label Oct 6, 2021
robyngit added a commit that referenced this issue Oct 12, 2021
@robyngit
Make the 3-col layout responsive + misc css fixes
e090249 
- Move left, right, center col styles to the layout style sheet since they use the same variables and styles are dependent on one another
- Fix the full-page container style used in the 3-col layout. Add a full-width container as well.
- Make the 3-col layout work on smaller screens
- Remove unused CSS styles
- Fix issue where the controls for the globe viz were overlapping the nav on mobile
- Style the right-side nav
- Tweak some misc styles

Relates to  #103, #17, #28, #67, #93
@robyngit robyngit linked a pull request Oct 12, 2021 that will close this issue
Style & layout improvements #126
Merged
robyngit added a commit that referenced this issue Oct 13, 2021
@robyngit
Make homepage boxes responsive; improve styling
6161037 
Relates to #17
robyngit added a commit that referenced this issue Oct 13, 2021
@robyngit
Improve index page styles + misc
fbba529 
- Make sections and section headers responsive on index page
- General style improvements to homepage (make more similar to original homepage)
- Use semantic HTML tags + BEM conventions in index layout
- Remove unused CSS styles
- Rename cardsTitle layout to cards-title to be consistent with other filenames
- Configure canonical urls (might help with images in demo site?)

Relates to #28, #17, #103
robyngit added a commit that referenced this issue Oct 14, 2021
@robyngit
Consolidate buttons; misc style fixes
0c99966 
- Make header text fit on mobile screens
- Align breadcrumb with rest of navigation
- Consolidate similar buttons styles used throughout the website into one single 'button' class
- Consolidate button shortcodess. Delete buttons code, use two button codes instead.

Relates to #117, #28, #17, #103
robyngit added a commit that referenced this issue Oct 14, 2021
@robyngit
Fix padding on scores globe
886c3bf 
- Make sure that legend doesn't extend beyond edge of screen

Relates to #17
@robyngit
Copy link
Member Author

Seems all the pages are working well on both smaller and larger screens with changes made in #126

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees

@robyngit robyngit

Labels
priority: high An issue that is of high importance or urgency templating
Projects
None yet
Milestone
No milestone
Development

Successfully merging a pull request may close this issue.

Style & layout improvements OHI-Science/OHI-website
1 participant
@robyngit