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

Standardize gallery image sizes #1139

Merged
merged 5 commits into from Jan 10, 2019

Conversation

Projects
None yet
2 participants
@walshbr
Copy link
Contributor

walshbr commented Dec 21, 2018

Closes #1138.

I think I checked everything to make sure this didn't cause any weirdness or grab any images that we didn't want resized (banner/splash images).

@walshbr walshbr self-assigned this Dec 21, 2018

@walshbr walshbr requested a review from mdlincoln Dec 21, 2018

@mdlincoln
Copy link
Member

mdlincoln left a comment

Thanks for fixing this, and sorry I'm only just looking at it now @walshbr!

On top of fixing up the images, I wonder if there's some tweak we can make to the CSS or to the image classes so that the avatars are always consistently-sized? Perhaps creating a class lesson-avatar and giving it a setting of max-width: 200px;? What do you think?

@walshbr

This comment has been minimized.

Copy link
Contributor

walshbr commented Jan 8, 2019

@mdlincoln - I'll take a look! Where are they inconsistently sized? On the project team page? And do you mean consistently sized as the window scales down? Or relative to itself just within one window size?

@mdlincoln

This comment has been minimized.

Copy link
Member

mdlincoln commented Jan 8, 2019

No, all the images you uploaded are ok. What I meant was configuring the CSS so that if anyone happens to upload, say, a 250px wide image in the future, then the display on the lesson page, as well as the lessons list page, works out ok.

@walshbr

This comment has been minimized.

Copy link
Contributor

walshbr commented Jan 8, 2019

Gotcha. How about this then? Added max-width to a lesson-avatar class on the lesson images only on the individual lesson pages.

@mdlincoln

This comment has been minimized.

Copy link
Member

mdlincoln commented Jan 10, 2019

silly me, the width of that image is actually controlled by a wrapper div that already has a class. I put the max-width constraint there.

@mdlincoln mdlincoln merged commit c47d50c into gh-pages Jan 10, 2019

3 checks passed

continuous-integration/travis-ci/pr The Travis CI build passed
Details
continuous-integration/travis-ci/push The Travis CI build passed
Details
deploy/netlify Deploy preview ready!
Details

@mdlincoln mdlincoln deleted the standardize-image-sizes branch Jan 10, 2019

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