From b84d1533d42fd3abed9e8a9d86defa0264c309a8 Mon Sep 17 00:00:00 2001
From: tom <tomfhowe@gmail.com>
Date: Tue, 31 Jan 2017 13:06:03 -0500
Subject: [PATCH] Fix text overlapping image in Edge and on mobile (#582)
Changing the way the background image is positioned and the box is sized should fix problems with the text overlapping the image on mobile browsers and Edge.
---
app/assets/stylesheets/components.scss | 4 ++--
1 file changed, 2 insertions(+), 2 deletions(-)
diff --git a/app/assets/stylesheets/components.scss b/app/assets/stylesheets/components.scss
index 471fff11e..e077fbca2 100644
--- a/app/assets/stylesheets/components.scss
+++ b/app/assets/stylesheets/components.scss
@@ -684,8 +684,8 @@
box-sizing: border-box;
overflow-y: auto;
padding-bottom: 235px;
- background: image-url('mastodon-getting-started.png') no-repeat 0 100% local;
- height: 100%;
+ background: image-url('mastodon-getting-started.png') no-repeat 100% bottom;
+ height: auto;
p {
color: $color2;
--
GitLab