[openstreetmap/openstreetmap-website] Responsive HTML mails (#1436)
Hervé Saint-Amand
notifications at github.com
Sun Feb 12 21:20:50 UTC 2017
A few tweaks to the HTML/CSS code of the email notifications to make messages more responsive on narrow displays, which should improve the viewing experience on mobile. Also a handful of minor tweaks to fonts.
There are no changes to content, only implementation.
https://wiki.openstreetmap.org/wiki/Dressed-up_Notification_Mails is up to date with screenshots of what this PR produces.
You can view, comment on, or merge this pull request online at:
https://github.com/openstreetmap/openstreetmap-website/pull/1436
-- Commit Summary --
* Tweak cell width for proper centering on narrow screens
* Force the font on every <p> tag
* Removed italic styling on message body
* Fix title alignment in Outlook/WindowsMail
* Use the same fonts for the footer text as for the rest of the mail
* Better alt text for the logo
* Even out the widths of the white bars around the message box
* Avoid squished-up grey borders around the message on narrow screens
* Fixed alignment & underlining bugs in Outlook / WinMail
* Make the mails squeezable on narrow screens
* Set font on title
* Remove nowrap on footer text, to accommodate narrow screens
* Two more "nowrap" instructions removed to accommodate narrower displays
* A better way to contrain the width of the message box whilst also allowing it to shrink on narrow displays
* merging master into html-mail-fixes
-- File Changes --
M app/helpers/notifier_helper.rb (15)
M app/views/layouts/notifier.html.erb (17)
M app/views/notifier/_message_body.html.erb (6)
M app/views/notifier/changeset_comment_notification.html.erb (4)
M app/views/notifier/email_confirm.html.erb (2)
M app/views/notifier/signup_confirm.html.erb (2)
-- Patch Links --
https://github.com/openstreetmap/openstreetmap-website/pull/1436.patch
https://github.com/openstreetmap/openstreetmap-website/pull/1436.diff
--
You are receiving this because you are subscribed to this thread.
Reply to this email directly or view it on GitHub:
https://github.com/openstreetmap/openstreetmap-website/pull/1436
-------------- next part --------------
An HTML attachment was scrubbed...
URL: <http://lists.openstreetmap.org/pipermail/rails-dev/attachments/20170212/0349a76b/attachment-0001.html>
More information about the rails-dev
mailing list