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.

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

Scale/Resize site dimensions #103

Closed
ThomasThelen opened this issue Sep 22, 2021 · 3 comments · Fixed by #126
Closed

Scale/Resize site dimensions #103

ThomasThelen opened this issue Sep 22, 2021 · 3 comments · Fixed by #126
Assignees

Comments

@ThomasThelen
Copy link
Member

When I view the website, I find myself zooming out to 75%. This is my personal preference and definitely needs input from others before anything is done. I think that we can achieve the effect of zooming out by changing the global font size to something smaller.

Any thoughts?

At 100%
Screen Shot 2021-09-22 at 1 06 25 PM

At 75%
Screen Shot 2021-09-22 at 1 06 10 PM

@Melsteroni
Copy link
Collaborator

Melsteroni commented Sep 22, 2021 via email

@robyngit
Copy link
Member

But I have a difficult time reading across lines that span so many words.

I find this difficult as well, and I think we could solve this by setting a smaller max-width on the centre column where there's text.

When I view the website, I find myself zooming out to 75%.

I also see how this looks better (screen size dependent). I think that it's not (only) font size that's the problem though, I think there are some spacing/padding tweaks that we could do to make the overall scale more comfortable.

This would be a good issue to tackle at the same time as #17

robyngit added a commit that referenced this issue Oct 12, 2021
- 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
@robyngit robyngit self-assigned this Oct 12, 2021
robyngit added a commit that referenced this issue Oct 13, 2021
- 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 13, 2021
- Enable emojis
- Add styles to all the common markdown tags (mostly for content rendered from markdown, which has no classes)
- Change some HTML tags to the semantic version in layouts
- Make the csvTable styles the general table styles
- Remove some CSS styles that were not needed

Relates to #67, #28, #103
robyngit added a commit that referenced this issue Oct 14, 2021
- 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
Copy link
Member

I think this is addressed with some of the changed made in #126, but we can re-open this if needed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging a pull request may close this issue.

3 participants