diff options
| author | tom <tomfhowe@gmail.com> | 2017-01-31 13:06:03 -0500 |
|---|---|---|
| committer | Eugen <eugen@zeonfederated.com> | 2017-01-31 19:06:03 +0100 |
| commit | b84d1533d42fd3abed9e8a9d86defa0264c309a8 (patch) | |
| tree | 7512f728058257baa3a08e225cea15111c01c3f5 | |
| parent | c2fbd144cf5aa5cafd486190c0fb31ffd73ccac1 (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.
| -rw-r--r-- | app/assets/stylesheets/components.scss | 4 |
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; |