From 23f0b3bc45460d3698c655eac4333e96bccb9a56 Mon Sep 17 00:00:00 2001 From: Tim Abbott Date: Tue, 26 May 2020 22:57:51 -0700 Subject: [PATCH] landing: Fix responsive styling for navbar custom messages. The previous styling was brittle and ended up breaking in very small phone-size views with the text overflowing the boundaries of the page. The right fix is to move those heading outside the portico-header class, since the CSS for that isn't generally appropriate here. --- static/styles/portico/portico.scss | 6 +++--- templates/zerver/landing_nav.html | 5 ++++- 2 files changed, 7 insertions(+), 4 deletions(-) diff --git a/static/styles/portico/portico.scss b/static/styles/portico/portico.scss index 4e49373be1..9b8d16ea5d 100644 --- a/static/styles/portico/portico.scss +++ b/static/styles/portico/portico.scss @@ -1771,14 +1771,14 @@ input.new-organization-button { font-size: 1rem; background-color: hsl(177, 52%, 55%); background: linear-gradient(145deg, hsl(191, 56%, 55%), hsl(169, 65%, 42%)); + color: hsl(0, 0%, 100%); font-weight: 600; text-align: center; position: relative; - top: -40px; - margin-left: calc(50% - 50vw); - width: 100vw; + top: 0px; padding: 10px; border-bottom: 1px solid hsl(177, 52%, 55%); + z-index: 5; a { color: hsl(0, 0%, 100%); diff --git a/templates/zerver/landing_nav.html b/templates/zerver/landing_nav.html index f2a755c070..40cc5507bb 100644 --- a/templates/zerver/landing_nav.html +++ b/templates/zerver/landing_nav.html @@ -1,10 +1,13 @@ {% if not isolated_page %} -