From 5100843d22ad69b5cf3d0b54f3a56bb7f0244789 Mon Sep 17 00:00:00 2001
From: Greg Fodor <gfodor@gmail.com>
Date: Sun, 22 Apr 2018 20:33:08 -0700
Subject: [PATCH] Fixes for iPhone X and S8+
---
src/assets/stylesheets/footer.scss | 22 +++++++++++-----------
1 file changed, 11 insertions(+), 11 deletions(-)
diff --git a/src/assets/stylesheets/footer.scss b/src/assets/stylesheets/footer.scss
index 48c04857d..f0a48bc6d 100644
--- a/src/assets/stylesheets/footer.scss
+++ b/src/assets/stylesheets/footer.scss
@@ -10,7 +10,7 @@
// Position above virtual gamepad controls on mobile
z-index: 1;
- @media (min-width: 768px) {
+ @media (min-width: 769px) and (min-height: 401px) {
pointer-events: auto;
}
}
@@ -26,7 +26,7 @@
:local(.header) {
border-bottom: 1px solid rgba(32, 32, 32, 0.65);
- @media (max-width: 768px) {
+ @media (max-width: 768px) , (max-height: 340px) {
border-bottom: none;
pointer-events: none;
}
@@ -35,25 +35,25 @@
background-color: transparent;
border-bottom: 1px solid rgba(32, 32, 32, 0.65);
- @media (min-width: 768px) , (max-height: 380px) {
+ @media (min-width: 769px) , (max-height: 401px) {
display: none;
}
}
:local(.header) {
background-color: rgba(0, 0, 0, 0.65);
- @media (max-width: 768px) {
+ @media (max-width: 768px) , (max-height: 400px) {
background-color: transparent;
}
:local(.hub-info) {
- @media (max-width: 768px) {
+ @media (max-width: 768px) , (max-height: 400px) {
display: none;
}
}
:local(.hub-stats) {
- @media (max-width: 768px) {
+ @media (max-width: 768px) , (max-height: 400px) {
display: none;
}
}
@@ -64,7 +64,7 @@
margin: 16px 24px;
display: flex;
align-items: center;
- @media (max-width: 768px) {
+ @media (max-width: 768px) , (max-height: 400px) {
margin: 16px 8px;
margin-left: 24px;
font-size: 0.9em;
@@ -76,10 +76,10 @@
display: flex;
align-items: center;
justify-content: flex-end;
- @media (min-width: 768px) {
+ @media (min-width: 769px) and (min-height: 401px) {
flex: 1;
}
- @media (max-width: 768px) {
+ @media (max-width: 768px) , (max-height: 400px) {
margin: 16px 8px;
}
:local(.hub-participant-count) {
@@ -109,13 +109,13 @@
}
:local(.menu-button__narrow-close-icon) {
- @media (max-width: 767px) {
+ @media (max-width: 768px) , (max-height: 400px) {
display: none;
}
}
:local(.menu-button__wide-close-icon) {
- @media (min-width: 768px) {
+ @media (min-width: 769px) and (min-height: 401px) {
display: none;
}
}
--
GitLab