Merge pull request #74 from christopher-ramirez/master

iRyusa · iRyusa · commit 0adde0b1b7d7 · 2016-02-19T10:55:32.000+01:00
Add support for text-align attribute in Section component.
diff --git a/src/components/Section.js b/src/components/Section.js
@@ -47,6 +47,7 @@ class Section extends Component {
     return _.merge({}, this.constructor.baseStyles, {
       td: {
         fontSize: 0,
+        textAlign: mjAttribute('text-align'),
         verticalAlign: mjAttribute('vertical-align'),
         padding: mjAttribute('padding'),
         paddingTop: mjAttribute('padding-top'),
diff --git a/test/assets/sectionWithTextAlign.html b/test/assets/sectionWithTextAlign.html
@@ -0,0 +1,23 @@
+<body>
+  <div class="mj-body">
+    <!--[if mso]>
+    <table border="0" cellpadding="0" cellspacing="0" width="600" align="center" style="width:600px;">
+      <tr>
+        <td>
+          <![endif]-->
+          <div style="margin:0 auto;max-width:600px;">
+            <table class="" cellpadding="0" cellspacing="0" style="width:100%;font-size:0px;" align="center">
+              <tbody>
+                <tr>
+                  <td style="text-align:left;vertical-align:top;font-size:0;padding:20px 0;"></td>
+                </tr>
+              </tbody>
+            </table>
+          </div>
+          <!--[if mso]>
+        </td>
+      </tr>
+    </table>
+    <![endif]-->
+  </div>
+</body>
diff --git a/test/assets/sectionWithTextAlign.mjml b/test/assets/sectionWithTextAlign.mjml
@@ -0,0 +1,4 @@
+<mj-body>
+  <mj-section text-align="left">
+  </mj-section>
+</mj-body>
