From a15a9fce1895b5bc54f8fe7a487cbda5444c19df Mon Sep 17 00:00:00 2001 From: Eric Wiese <eric.wiese@classyllama.com> Date: Wed, 1 Jul 2015 14:35:51 -0500 Subject: [PATCH] MAGETWO-37843: All responsive email templates in Blank Theme - Add button style support with proof of concept markup --- .../email/password_reset_confirmation.html | 17 +++++- .../blank/web/css/source/_email-base.less | 54 ++++++++++++++++++- 2 files changed, 69 insertions(+), 2 deletions(-) diff --git a/app/code/Magento/Customer/view/frontend/email/password_reset_confirmation.html b/app/code/Magento/Customer/view/frontend/email/password_reset_confirmation.html index 97a8ad7b2dc..50d362b1827 100644 --- a/app/code/Magento/Customer/view/frontend/email/password_reset_confirmation.html +++ b/app/code/Magento/Customer/view/frontend/email/password_reset_confirmation.html @@ -19,8 +19,23 @@ <p>{{trans "There was recently a request to change the password for your account."}}</p> <p> {{trans "If you requested this change, reset your password here:"}} - <a href="{{store url="customer/account/createPassword/" _query_id=$customer.id _query_token=$customer.rp_token}}">{{trans "Reset Password"}}</a> + </p> + +<table class="button" width="100%" border="0" cellspacing="0" cellpadding="0"> + <tr> + <td> + <table class="inner-wrapper" border="0" cellspacing="0" cellpadding="0" align="center"> + <tr> + <td align="center"> + <a href="{{store url="customer/account/createPassword/" _query_id=$customer.id _query_token=$customer.rp_token}}" target="_blank">{{trans "Reset Password"}}</a> + </td> + </tr> + </table> + </td> + </tr> +</table> + <p>{{trans "If you did not make this request, you can ignore this email and your password will remain the same."}}</p> {{template config_path="design/email/footer_template"}} diff --git a/app/design/frontend/Magento/blank/web/css/source/_email-base.less b/app/design/frontend/Magento/blank/web/css/source/_email-base.less index f4cbae54311..7d3c71ce058 100644 --- a/app/design/frontend/Magento/blank/web/css/source/_email-base.less +++ b/app/design/frontend/Magento/blank/web/css/source/_email-base.less @@ -193,7 +193,59 @@ body { // Buttons // --------------------------------------------- -// TODO: Add button styles +.button { + .inner-wrapper { + td { + .css(border-radius, @button__border-radius, 1); + background-color: @button-primary__background; + + a { + font-size: @button__font-size; + color: @button-primary__color; + .css(border-radius, @button__border-radius, 1); + border: 1px solid @button-primary__background; + text-decoration: none; + padding: @button__padding; + display: inline-block; + } + } + } +} + +.email-non-inline() { + .button { + .inner-wrapper { + td:hover { + background-color: @button-primary__hover__background !important; + } + + td:active { + background-color: @button-primary__active__background !important; + } + } + + a:hover { + // Undo general link hover state + color: @button-primary__color !important; + text-decoration: none !important; + border: 1px solid @button-primary__hover__background; + } + } + + .media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) { + .button { + .inner-wrapper { + width:100% !important; + + td { + a { + font-size: @button__font-size + 2; + } + } + } + } + } +} // // Messages -- GitLab