From 7707d41baa489d2316443550d2cedc061fa68c52 Mon Sep 17 00:00:00 2001 From: tom 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 471fff11e9..e077fbca2f 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;