-
-
Notifications
You must be signed in to change notification settings - Fork 241
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
[Surrey] Included email footer #5357
base: master
Are you sure you want to change the base?
Conversation
Footer with a banner to subscribe to Surrey's newsletter
Codecov ReportAll modified and coverable lines are covered by tests ✅
Additional details and impacted files@@ Coverage Diff @@
## master #5357 +/- ##
==========================================
- Coverage 82.42% 82.41% -0.01%
==========================================
Files 416 416
Lines 32925 32925
Branches 5289 5289
==========================================
- Hits 27138 27136 -2
- Misses 4225 4226 +1
- Partials 1562 1563 +1 ☔ View full report in Codecov by Sentry. |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Border looks great! Just one tiny change for the image is all that's required.
<tr> | ||
<th class="spacer-cell"></th> | ||
<th width="[% wrapper_max_width %]" style="[% td_style %][% hint_style %][% banner_style %]"> | ||
<img src="/cobrands/surrey/images/email.png" alt="" role="presentation" aria-hidden="true" width="24px" height="24px" style="[% banner_image_style %]"> |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
This needs wrapping in inline_image
otherwise it doesn't appear in the email client:
<img src="/cobrands/surrey/images/email.png" alt="" role="presentation" aria-hidden="true" width="24px" height="24px" style="[% banner_image_style %]"> | |
<img src="[% inline_image('web/cobrands/surrey/images/email.png') %]" alt="" role="presentation" aria-hidden="true" width="24px" height="24px" style="[% banner_image_style %]"> |
Fixes: https://docs.google.com/document/d/1aDj4ulmCtbmR4oe8TLhfpg2wbLhIHAc_daiYRp-HZcM/edit?tab=t.0#heading=h.ecre3niclkkv
I added a light border to the banner, so the gray background and the green banner is less jarring.
Preview:
![Screenshot 2025-02-06 at 08 10 48](https://private-user-images.githubusercontent.com/13790153/410358384-29676982-6d50-4a7e-8a8f-d1a61b42bfb8.png?jwt=eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJnaXRodWIuY29tIiwiYXVkIjoicmF3LmdpdGh1YnVzZXJjb250ZW50LmNvbSIsImtleSI6ImtleTUiLCJleHAiOjE3Mzk1NjEyNjUsIm5iZiI6MTczOTU2MDk2NSwicGF0aCI6Ii8xMzc5MDE1My80MTAzNTgzODQtMjk2NzY5ODItNmQ1MC00YTdlLThhOGYtZDFhNjFiNDJiZmI4LnBuZz9YLUFtei1BbGdvcml0aG09QVdTNC1ITUFDLVNIQTI1NiZYLUFtei1DcmVkZW50aWFsPUFLSUFWQ09EWUxTQTUzUFFLNFpBJTJGMjAyNTAyMTQlMkZ1cy1lYXN0LTElMkZzMyUyRmF3czRfcmVxdWVzdCZYLUFtei1EYXRlPTIwMjUwMjE0VDE5MjI0NVomWC1BbXotRXhwaXJlcz0zMDAmWC1BbXotU2lnbmF0dXJlPTUyMDc5ZGFlZjEyOTg4YzBiNzZjN2QyMmMyNzFmYTRjY2I1YTgwNjkyYTQ4ZDhmZDhiMmU1MTRlMzczMGQ4ZjImWC1BbXotU2lnbmVkSGVhZGVycz1ob3N0In0.PkJodgdBm5xFQrWKpRBl_WnPAZVLd8e0SjLMzJvCog0)