From dfc0694d9293102c51a88636d3f505f08a531c03 Mon Sep 17 00:00:00 2001
From: Erik Hansen <erik@classyllama.com>
Date: Thu, 9 Jul 2015 17:11:35 -0500
Subject: [PATCH] MAGETWO-37843: All responsive email templates in Blank Theme
- Sales emails font adjustments
- Basic styling for offline payment methods
- Tweaked spacing of order details (addresses, payment, shipping)
---
.../Magento_Sales/web/css/source/_email.less | 41 +++++++++++++++----
1 file changed, 34 insertions(+), 7 deletions(-)
diff --git a/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_email.less b/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_email.less
index 9f1107c5270..0323c2844f7 100644
--- a/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_email.less
+++ b/app/design/frontend/Magento/blank/Magento_Sales/web/css/source/_email.less
@@ -7,6 +7,21 @@
// Sales Module Styles
// _____________________________________________
+.email-summary {
+ h1 {
+ margin-bottom: @indent__xs;
+ }
+}
+
+.media-width(@extremum, @break) when (@extremum = 'max') and (@break = @screen__xs) {
+ // Shrink order number in order email so it will fit on single line on small screens
+ .email-summary {
+ h1 {
+ font-size: ceil(1.7 * @font-size__base) !important; // 24px
+ }
+ }
+}
+
//
// Order Summary
// ----------------------------------------------
@@ -16,24 +31,29 @@
tr {
> td {
- padding: @email-content__padding__base;
+ padding: @email-content__padding__base @email-content__padding__base @email-content__padding__base 0;
width: 50%;
h3 {
- margin-top: @email-content__padding__base;
+ margin-top: 0;
}
}
+ // Prevent extra spacing on Payment & Shipping Method row
& + tr {
> td {
- padding: 0 @email-content__padding__base @email-content__padding__base;
-
- h3 {
- margin-top: 0;
- }
+ padding: 0 0 @email-content__padding__base;
}
}
}
+
+ .payment-method {
+ margin-bottom: @indent__s;
+
+ .title {
+ font-weight: @font-weight__regular;
+ }
+ }
}
// Remove address and phone number link color on iOS
@@ -44,6 +64,13 @@
.order-details {
td {
display: block;
+ padding: @email-content__padding__base 0 !important;
+ width: auto !important;
+
+ h3 {
+ margin-top: 0 !important;
+ margin-bottom: @indent__xs !important;
+ }
}
}
}
--
GitLab