Extend grid view to the right to better fill the page

- Use a negative right margin to pull `.grid__wrapper` into the dead space left for a sidebar.
- Add sample documents to "portfolio" collection to test grid view
- Update CHANGELOG and history
This commit is contained in:
Michael Rose 2017-08-09 13:00:33 -04:00
parent 1610ed853c
commit f1afdf0397
10 changed files with 215 additions and 1 deletions

View file

@ -7,6 +7,7 @@
- Improve `page` and `archive` layouts to visually center main content and harmonize sidebar widths and placement. [#1166](https://github.com/mmistakes/minimal-mistakes/pull/1166) - Improve `page` and `archive` layouts to visually center main content and harmonize sidebar widths and placement. [#1166](https://github.com/mmistakes/minimal-mistakes/pull/1166)
- Increase font-size of code blocks. - Increase font-size of code blocks.
- Reduce indent of nested "table of contents" links. - Reduce indent of nested "table of contents" links.
- Extend [archive grid view](https://mmistakes.github.io/minimal-mistakes/docs/layouts/) to the right to better fill the page.
## Bug Fixes ## Bug Fixes
@ -18,6 +19,7 @@
- Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164) - Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164)
- Remove outside and right borders in `table`s. - Remove outside and right borders in `table`s.
- Adjust width of `.sidebar` to match `.sidebar__right`. - Adjust width of `.sidebar` to match `.sidebar__right`.
- Add sample documents to ["portfolio" collection](https://mmistakes.github.io/minimal-mistakes/portfolio/) for testing grid view.
## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0) ## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0)

View file

@ -96,6 +96,21 @@
Grid view Grid view
========================================================================== */ ========================================================================== */
.archive {
.grid__wrapper {
/* extend grid elements to the right */
@include breakpoint($large) {
margin-right: -1 * $right-sidebar-width-narrow;
}
@include breakpoint($x-large) {
margin-right: -1 * $right-sidebar-width;
}
}
}
.grid__item { .grid__item {
margin-bottom: 2em; margin-bottom: 2em;

View file

@ -4,7 +4,7 @@ permalink: /docs/history/
excerpt: "Change log of enhancements and bug fixes made to the theme." excerpt: "Change log of enhancements and bug fixes made to the theme."
sidebar: sidebar:
nav: docs nav: docs
last_modified_at: 2017-08-09T09:02:47-04:00 last_modified_at: 2017-08-09T12:59:12-04:00
--- ---
## Unreleased ## Unreleased
@ -16,6 +16,7 @@ last_modified_at: 2017-08-09T09:02:47-04:00
- Improve `page` and `archive` layouts to visually center main content and harmonize sidebar widths and placement. [#1166](https://github.com/mmistakes/minimal-mistakes/pull/1166) - Improve `page` and `archive` layouts to visually center main content and harmonize sidebar widths and placement. [#1166](https://github.com/mmistakes/minimal-mistakes/pull/1166)
- Increase font-size of code blocks. - Increase font-size of code blocks.
- Reduce indent of nested "table of contents" links. - Reduce indent of nested "table of contents" links.
- Extend [archive grid view](https://mmistakes.github.io/minimal-mistakes/docs/layouts/) to the right to better fill the page.
## Bug Fixes ## Bug Fixes
@ -27,6 +28,7 @@ last_modified_at: 2017-08-09T09:02:47-04:00
- Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164) - Fix typo `words_per_minute` typo in documentation. [#1164](https://github.com/mmistakes/minimal-mistakes/pull/1164)
- Remove outside and right borders in `table`s. - Remove outside and right borders in `table`s.
- Adjust width of `.sidebar` to match `.sidebar__right`. - Adjust width of `.sidebar` to match `.sidebar__right`.
- Add sample documents to ["portfolio" collection](https://mmistakes.github.io/minimal-mistakes/portfolio/) for testing grid view.
## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0) ## [4.5.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.5.0)

View file

@ -0,0 +1,30 @@
---
title: "Baz Boom Identity"
excerpt: "Baz Boom design system including logo mark, website design, and branding applications."
header:
image: /assets/images/unsplash-gallery-image-1.jpg
teaser: assets/images/unsplash-gallery-image-1-th.jpg
sidebar:
- title: "Role"
image: http://placehold.it/350x250
image_alt: "logo"
text: "Designer, Front-End Developer"
- title: "Responsibilities"
text: "Reuters try PR stupid commenters should isn't a business model"
gallery:
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1"
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2"
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3"
---
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
{% include gallery caption="This is a sample gallery to go along with this case study." %}
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

View file

@ -0,0 +1,30 @@
---
title: "Fizz Bang Identity"
excerpt: "Fizz Bang design system including logo mark, website design, and branding applications."
header:
image: /assets/images/unsplash-gallery-image-2.jpg
teaser: assets/images/unsplash-gallery-image-2-th.jpg
sidebar:
- title: "Role"
image: http://placehold.it/350x250
image_alt: "logo"
text: "Designer, Front-End Developer"
- title: "Responsibilities"
text: "Reuters try PR stupid commenters should isn't a business model"
gallery:
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1"
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2"
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3"
---
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
{% include gallery caption="This is a sample gallery to go along with this case study." %}
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

View file

@ -0,0 +1,30 @@
---
title: "Ginger Gulp Identity"
excerpt: "Ginger Gulp design system including logo mark, website design, and branding applications."
header:
image: /assets/images/unsplash-gallery-image-3.jpg
teaser: assets/images/unsplash-gallery-image-3-th.jpg
sidebar:
- title: "Role"
image: http://placehold.it/350x250
image_alt: "logo"
text: "Designer, Front-End Developer"
- title: "Responsibilities"
text: "Reuters try PR stupid commenters should isn't a business model"
gallery:
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1"
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2"
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3"
---
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
{% include gallery caption="This is a sample gallery to go along with this case study." %}
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

View file

@ -96,6 +96,21 @@
Grid view Grid view
========================================================================== */ ========================================================================== */
.archive {
.grid__wrapper {
/* extend grid elements to the right */
@include breakpoint($large) {
margin-right: -1 * $right-sidebar-width-narrow;
}
@include breakpoint($x-large) {
margin-right: -1 * $right-sidebar-width;
}
}
}
.grid__item { .grid__item {
margin-bottom: 2em; margin-bottom: 2em;

View file

@ -0,0 +1,30 @@
---
title: "Baz Boom Identity"
excerpt: "Baz Boom design system including logo mark, website design, and branding applications."
header:
image: /assets/images/unsplash-gallery-image-1.jpg
teaser: assets/images/unsplash-gallery-image-1-th.jpg
sidebar:
- title: "Role"
image: http://placehold.it/350x250
image_alt: "logo"
text: "Designer, Front-End Developer"
- title: "Responsibilities"
text: "Reuters try PR stupid commenters should isn't a business model"
gallery:
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1"
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2"
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3"
---
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
{% include gallery caption="This is a sample gallery to go along with this case study." %}
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

View file

@ -0,0 +1,30 @@
---
title: "Fizz Bang Identity"
excerpt: "Fizz Bang design system including logo mark, website design, and branding applications."
header:
image: /assets/images/unsplash-gallery-image-2.jpg
teaser: assets/images/unsplash-gallery-image-2-th.jpg
sidebar:
- title: "Role"
image: http://placehold.it/350x250
image_alt: "logo"
text: "Designer, Front-End Developer"
- title: "Responsibilities"
text: "Reuters try PR stupid commenters should isn't a business model"
gallery:
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1"
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2"
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3"
---
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
{% include gallery caption="This is a sample gallery to go along with this case study." %}
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.

View file

@ -0,0 +1,30 @@
---
title: "Ginger Gulp Identity"
excerpt: "Ginger Gulp design system including logo mark, website design, and branding applications."
header:
image: /assets/images/unsplash-gallery-image-3.jpg
teaser: assets/images/unsplash-gallery-image-3-th.jpg
sidebar:
- title: "Role"
image: http://placehold.it/350x250
image_alt: "logo"
text: "Designer, Front-End Developer"
- title: "Responsibilities"
text: "Reuters try PR stupid commenters should isn't a business model"
gallery:
- url: /assets/images/unsplash-gallery-image-1.jpg
image_path: assets/images/unsplash-gallery-image-1-th.jpg
alt: "placeholder image 1"
- url: /assets/images/unsplash-gallery-image-2.jpg
image_path: assets/images/unsplash-gallery-image-2-th.jpg
alt: "placeholder image 2"
- url: /assets/images/unsplash-gallery-image-3.jpg
image_path: assets/images/unsplash-gallery-image-3-th.jpg
alt: "placeholder image 3"
---
Pictures of Goats section West Seattle Blog dingbat newspaper rubber cement Google+ newsroom cafe news.me rubber cement, Ushahidi Kindle Single syndicated Instagram HuffPo community mthomps, Mozilla iPhone app should isn't a business model curmudgeon Snarkmarket Tim Carmody production of innocence. Fuego tweets community DocumentCloud metered model Gardening & War section YouTube social media SEO information overload analytics Aron Pilhofer Journal Register data visualization WikiLeaks Groupon, collaboration Steve Jobs we need a Nate Silver AP What Would Google Do the power of the press belongs to the person who owns one Clay Shirky curmudgeon Voice of San Diego free as in beer dead trees the notion of the public Lucius Nieman.
{% include gallery caption="This is a sample gallery to go along with this case study." %}
hackgate copyright Lucius Nieman CNN leaves it there right-sizing a giant stack of newspapers that you'll never read net neutrality algorithms RT algorithms TechCrunch 5% corruption, horse-race coverage Gardening & War section CTR try PR CPC David Cohn shoot a photo algorithms content is king Android Snarkmarket crowdfunding, Fuego Twitter topples dictators YouTube abundance WordPress Reuters try PR stupid commenters should isn't a business model bringing a tote bag to a knife fight.