diff --git a/CHANGELOG.md b/CHANGELOG.md index efa6e480..66d16f48 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -1,3 +1,9 @@ +## Unreleased + +### Enhancements + +- Add scrollbar to sidebars with overflowing content that extends outside the viewport's height. [#706](https://github.com/mmistakes/minimal-mistakes/issues/706) + ## [4.4.2](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.4.2) ### Enhancements diff --git a/_sass/minimal-mistakes/_sidebar.scss b/_sass/minimal-mistakes/_sidebar.scss index d34eeb74..1470aa80 100644 --- a/_sass/minimal-mistakes/_sidebar.scss +++ b/_sass/minimal-mistakes/_sidebar.scss @@ -22,6 +22,12 @@ &:hover { opacity: 1; } + + &.sticky { + overflow-y: auto; + /* calculate height of nav list */ + height: calc(100vh - 90px - 2em); // viewport height - approx. masthead height - main content top margin + } } @include breakpoint($x-large) { diff --git a/docs/_docs/18-history.md b/docs/_docs/18-history.md index 193d1067..691929da 100644 --- a/docs/_docs/18-history.md +++ b/docs/_docs/18-history.md @@ -4,9 +4,15 @@ permalink: /docs/history/ excerpt: "Change log of enhancements and bug fixes made to the theme." sidebar: nav: docs -last_modified_at: 2017-07-07T15:45:45-04:00 +last_modified_at: 2017-07-12T11:57:08-04:00 --- +## Unreleased + +### Enhancements + +- Add scrollbar to sidebars with overflowing content that extends outside the viewport's height. [#706](https://github.com/mmistakes/minimal-mistakes/issues/706) + ## [4.4.2](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.4.2) ### Enhancements diff --git a/docs/_sass/minimal-mistakes/_sidebar.scss b/docs/_sass/minimal-mistakes/_sidebar.scss index d34eeb74..1470aa80 100644 --- a/docs/_sass/minimal-mistakes/_sidebar.scss +++ b/docs/_sass/minimal-mistakes/_sidebar.scss @@ -22,6 +22,12 @@ &:hover { opacity: 1; } + + &.sticky { + overflow-y: auto; + /* calculate height of nav list */ + height: calc(100vh - 90px - 2em); // viewport height - approx. masthead height - main content top margin + } } @include breakpoint($x-large) {