From 8e2594355eafd345ec0169f43ff16d38ba8b8dca Mon Sep 17 00:00:00 2001
From: Dan Head <me@danielhead.com>
Date: Wed, 9 Jan 2019 07:46:21 +0000
Subject: [PATCH] Only fix logo and metadata if viewport height is sufficient

---
 css/logo.css     |  4 ++--
 css/metadata.css | 10 ++++++----
 2 files changed, 8 insertions(+), 6 deletions(-)

diff --git a/css/logo.css b/css/logo.css
index f15fca0..ddf8211 100644
--- a/css/logo.css
+++ b/css/logo.css
@@ -2,7 +2,7 @@
   width: 100%;
 }
 
-@media (--viewport-lg) {
+@media (--viewport-lg) and (min-height: 540px) {
   .is-fixed .logo {
     position: fixed;
     width: 168px;
@@ -10,7 +10,7 @@
   }
 }
 
-@media (--viewport-xl) {
+@media (--viewport-xl) and (min-height: 540px) {
   .is-fixed .logo {
     width: 224px;
   }
diff --git a/css/metadata.css b/css/metadata.css
index 8588824..faccca4 100644
--- a/css/metadata.css
+++ b/css/metadata.css
@@ -25,15 +25,17 @@
     border-bottom: none;
   }
 
-  .is-fixed .metadata {
-    position: fixed;
-  }
-
   .metadata__item {
     margin-right: 0;
   }
 }
 
+@media (--viewport-lg) and (min-height: 540px) {
+  .is-fixed .metadata {
+    position: fixed;
+  }
+}
+
 .metadata__item--light {
   color: var(--color-grey);
   display: none;