From 6a34633aa156519ba2b64a1473e52ecde3261fe4 Mon Sep 17 00:00:00 2001 From: =?UTF-8?q?=CE=9C=CE=B1=CE=BA=CE=B1=CF=81=CF=8C=CE=BD=CE=B9=CE=B1=20?= =?UTF-8?q?=CE=BC=CE=B5?= <32320229+makaroniame@users.noreply.github.com> Date: Wed, 5 Apr 2017 12:40:34 -0400 Subject: [PATCH] Fix `.masthead` and `.page__footer` overlapping full screen video elements. - Close #933 --- CHANGELOG.md | 1 + _sass/_utilities.scss | 8 +++++++- docs/_docs/18-history.md | 3 ++- docs/_sass/_utilities.scss | 8 +++++++- 4 files changed, 17 insertions(+), 3 deletions(-) diff --git a/CHANGELOG.md b/CHANGELOG.md index b7f299faf042..df5347067488 100644 --- a/CHANGELOG.md +++ b/CHANGELOG.md @@ -15,6 +15,7 @@ ### Bug Fixes +- Fix `.masthead` and `.page__footer` overlapping full screen video elements. [#933](https://github.com/mmistakes/minimal-mistakes/issues/933) - Correctly show Related Posts heading when UI Text data file is omitted and `related: true` in YAML Front Matter. [#901](https://github.com/mmistakes/minimal-mistakes/pull/901) ## [4.3.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.3.0) diff --git a/_sass/_utilities.scss b/_sass/_utilities.scss index 9423e4bc7dda..8781778aedda 100644 --- a/_sass/_utilities.scss +++ b/_sass/_utilities.scss @@ -483,7 +483,7 @@ a.reversefootnote { /* Responsive Video Embed - ========================================================================== */ + ========================================================================== */ .responsive-video-container { position: relative; @@ -504,3 +504,9 @@ a.reversefootnote { } } +// full screen video fixes +:-webkit-full-screen-ancestor { + .masthead, + .page__footer { + position: static; +} \ No newline at end of file diff --git a/docs/_docs/18-history.md b/docs/_docs/18-history.md index 7762c16b6217..e5de45244a1e 100644 --- a/docs/_docs/18-history.md +++ b/docs/_docs/18-history.md @@ -4,7 +4,7 @@ permalink: /docs/history/ excerpt: "Change log of enhancements and bug fixes made to the theme." sidebar: nav: docs -last_modified_at: 2017-04-04T12:47:59-04:00 +last_modified_at: 2017-04-05T12:40:09-04:00 --- ## Unreleased @@ -24,6 +24,7 @@ last_modified_at: 2017-04-04T12:47:59-04:00 ### Bug Fixes +- Fix `.masthead` and `.page__footer` overlapping full screen video elements. [#933](https://github.com/mmistakes/minimal-mistakes/issues/933) - Correctly show Related Posts heading when UI Text data file is omitted and `related: true` in YAML Front Matter. [#901](https://github.com/mmistakes/minimal-mistakes/pull/901) ## [4.3.0](https://github.com/mmistakes/minimal-mistakes/releases/tag/4.3.0) diff --git a/docs/_sass/_utilities.scss b/docs/_sass/_utilities.scss index 9423e4bc7dda..8781778aedda 100644 --- a/docs/_sass/_utilities.scss +++ b/docs/_sass/_utilities.scss @@ -483,7 +483,7 @@ a.reversefootnote { /* Responsive Video Embed - ========================================================================== */ + ========================================================================== */ .responsive-video-container { position: relative; @@ -504,3 +504,9 @@ a.reversefootnote { } } +// full screen video fixes +:-webkit-full-screen-ancestor { + .masthead, + .page__footer { + position: static; +} \ No newline at end of file