From 68292c3cf9fd1b383339c8a856a10c00d62e042c Mon Sep 17 00:00:00 2001
From: Greg Fodor <gfodor@gmail.com>
Date: Thu, 29 Mar 2018 21:33:01 -0700
Subject: [PATCH] More responsive fixes
---
src/assets/stylesheets/hub-create.scss | 4 ++++
src/assets/stylesheets/index.scss | 16 ++++++++--------
2 files changed, 12 insertions(+), 8 deletions(-)
diff --git a/src/assets/stylesheets/hub-create.scss b/src/assets/stylesheets/hub-create.scss
index 9366a357a..e40c8bc76 100644
--- a/src/assets/stylesheets/hub-create.scss
+++ b/src/assets/stylesheets/hub-create.scss
@@ -150,6 +150,7 @@
height: 390px;
border-bottom: 3px solid white;
overflow: hidden;
+ position: relative;
}
@media (max-width: 768px) {
@@ -166,4 +167,7 @@
.create-panel__form__environment__picker__image {
width: 100%;
+ position: absolute;
+ top: 0;
+ left: 0;
}
diff --git a/src/assets/stylesheets/index.scss b/src/assets/stylesheets/index.scss
index a4ed51980..7b65679ef 100644
--- a/src/assets/stylesheets/index.scss
+++ b/src/assets/stylesheets/index.scss
@@ -57,7 +57,7 @@ body {
.header-content {
padding: 1.5em 2.5em 1.5em 2.5em;
background-color: rgba(0, 0, 0, 0.85);
- min-height: 75px;
+ min-height: 90px;
display: flex;
border-bottom: 2px solid #242424;
}
@@ -130,12 +130,6 @@ body {
flex-direction: column;
}
-@media (max-width: 1280px) {
- .hero-content {
- min-height: 600px;
- }
-}
-
@media (max-width: 768px) {
.hero-content {
padding: 1em 1.5em 1em 1.5em;
@@ -151,12 +145,18 @@ body {
flex: 10;
}
-@media (max-width: 768px) {
+@media (max-height: 812px) {
.hero-content__container {
flex: 0 0 auto;
}
}
+@media (max-height: 720px) {
+ .hero-content__container {
+ padding-bottom: 0px;
+ }
+}
+
.hero-content__container__title {
font-size: 4vw;
font-weight: bold;
--
GitLab