about summary refs log tree commit diff
path: root/app/assets
diff options
context:
space:
mode:
authortom <tomfhowe@gmail.com>2017-01-31 13:06:03 -0500
committerEugen <eugen@zeonfederated.com>2017-01-31 19:06:03 +0100
commitb84d1533d42fd3abed9e8a9d86defa0264c309a8 (patch)
tree7512f728058257baa3a08e225cea15111c01c3f5 /app/assets
parentc2fbd144cf5aa5cafd486190c0fb31ffd73ccac1 (diff)
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.
Diffstat (limited to 'app/assets')
-rw-r--r--app/assets/stylesheets/components.scss4
1 files 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;