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 /app | |
| 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.
Diffstat (limited to 'app')
| -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; |