-
Notifications
You must be signed in to change notification settings - Fork 0
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
Comments
I think as far as seeing the general layout and options the smaller size
works very well.
But I have a difficult time reading across lines that span so many words.
So: I vote for the 100% sizing, but I will go along willingly if everyone
disagrees with me.
…On Wed, Sep 22, 2021 at 4:10 PM Thomas Thelen ***@***.***> wrote:
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%
[image: Screen Shot 2021-09-22 at 1 06 25 PM]
<https://user-images.githubusercontent.com/9289652/134414395-22232fd7-00f4-490d-b6f4-a0812ee21825.png>
At 75%
[image: Screen Shot 2021-09-22 at 1 06 10 PM]
<https://user-images.githubusercontent.com/9289652/134414408-585506dd-2629-4f75-a3a0-29d9d2b60374.png>
—
You are receiving this because you are subscribed to this thread.
Reply to this email directly, view it on GitHub
<#103>, or unsubscribe
<https://github.com/notifications/unsubscribe-auth/ABLMCDIKUB2DKFJO36Z4XGDUDIZ47ANCNFSM5ESELMFQ>
.
Triage notifications on the go with GitHub Mobile for iOS
<https://apps.apple.com/app/apple-store/id1477376905?ct=notification-email&mt=8&pt=524675>
or Android
<https://play.google.com/store/apps/details?id=com.github.android&referrer=utm_campaign%3Dnotification-email%26utm_medium%3Demail%26utm_source%3Dgithub>.
|
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.
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 |
- 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
- 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
- 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
I think this is addressed with some of the changed made in #126, but we can re-open this if needed |
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%

At 75%

The text was updated successfully, but these errors were encountered: