Outlook fluid table fixed

9 years ago · 762a9f8202
8 changed files with 31 additions and 39 deletions
--- a/website_mail_snippet_responsive/views/snippet_1_col.xml
+++ b/website_mail_snippet_responsive/views/snippet_1_col.xml
@ -12,9 +12,6 @@
            <t t-set="image" t-value="'snippet_1_col'"/>
            <t t-set="title">Big image + Text + Button (1 column)</t>
            <tbody>
-                <tr>
-                    <td bgcolor="#ECECEC" height="10"></td>
-                </tr>
                <tr>
                    <td><a href="#" target="_blank"><img src="http://placehold.it/570x200/333333/ffffff?text=width 570px" style="display: block; color: #000000;  font-family: Arial, sans-serif; font-size: 9pt; width: 100%; max-width: 570px; min-width:285px;" border="0"/> </a></td>
                </tr>
--- a/website_mail_snippet_responsive/views/snippet_2_cols.xml
+++ b/website_mail_snippet_responsive/views/snippet_2_cols.xml
@ -12,9 +12,6 @@
            <t t-set="image" t-value="'snippet_2_cols'"/>
            <t t-set="title">Image + Text + Button (2 columns)</t>
            <tbody>
-                <tr>
-                    <td bgcolor="#ECECEC" height="10"></td>
-                </tr>
                <tr>
                    <td style="padding: 0;" valign="top">
                        <!-- LEFT COLUMN -->
--- a/website_mail_snippet_responsive/views/snippet_3_cols.xml
+++ b/website_mail_snippet_responsive/views/snippet_3_cols.xml
@ -12,9 +12,6 @@
            <t t-set="image" t-value="'snippet_3_cols'"/>
            <t t-set="title">Image + Text + Button (3 columns)</t>
               <tbody>
-                <tr>
-                    <td bgcolor="#ECECEC" height="10"></td>
-                </tr>
                <tr>
                    <!-- FIRST COLUMN -->
                    <td style="padding: 0;" valign="top">
--- a/website_mail_snippet_responsive/views/snippet_event_date.xml
+++ b/website_mail_snippet_responsive/views/snippet_event_date.xml
@ -11,10 +11,7 @@
        <t t-call="website_mail_snippet_responsive.snippet">
            <t t-set="image" t-value="'snippet_event_date'"/>
            <t t-set="title">Date + Text + Button (2 columns)</t>
-                        <tbody>
-                <tr>
-                    <td bgcolor="#ECECEC" height="10"></td>
-                </tr>
+              <tbody>
                <tr>
                    <td style="padding:0 20px;">
                    <table border="0" cellpadding="0" cellspacing="0" width="100%">
--- a/website_mail_snippet_responsive/views/snippet_hr.xml
+++ b/website_mail_snippet_responsive/views/snippet_hr.xml
@ -24,9 +24,6 @@
            <t t-set="image" t-value="'snippet_hr'"/>
            <t t-set="title">Horizontal Separator</t>
            <tbody>
-                <tr>
-                    <td bgcolor="#ECECEC" height="10"/>
-                </tr>
                <tr>
                    <td bgcolor="#00B518"
                        height="5"
--- a/website_mail_snippet_responsive/views/snippet_img_text.xml
+++ b/website_mail_snippet_responsive/views/snippet_img_text.xml
@ -12,9 +12,6 @@
            <t t-set="image" t-value="'snippet_img_text'"/>
            <t t-set="title">Left Image, Right Text + Button</t>
            <tbody>
-                <tr>
-                    <td bgcolor="#ECECEC" height="10"></td>
-                </tr>
                <tr>
                    <td style="padding: 0;" valign="top">
                        <!-- LEFT COLUMN -->
--- a/website_mail_snippet_responsive/views/snippet_text_img.xml
+++ b/website_mail_snippet_responsive/views/snippet_text_img.xml
@ -12,9 +12,6 @@
            <t t-set="image" t-value="'snippet_text_img'"/>
            <t t-set="title">Left Text and Button, Right Image</t>
            <tbody>
-                <tr>
-                    <td bgcolor="#ECECEC" height="10"></td>
-                </tr>
                <tr>
                    <td style="padding: 0;" valign="top">
                        <!-- LEFT COLUMN -->
--- a/website_mail_snippet_responsive/views/templates.xml
+++ b/website_mail_snippet_responsive/views/templates.xml
@ -18,13 +18,26 @@
        <div
            class="oe_snippet_body"
            style="padding:0px; width:100%; background-color:#ececec; color:rgb(0,0,0); line-height:20px; font-family:Arial,sans-serif; font-size:9pt">
-            <table
-                style="width: 100%; max-width: 570px; border-collapse: collapse; background: inherit; color: inherit; background: #FFFFFF"
-                cellpadding="0"
-                cellspacing="0"
-                align="center"
-                bgcolor="#FFFFFF">
-                <t t-raw="0"/>
+            <!--[if gte mso]>
+                <style type="text/css">
+                .fluid { width: 600px !important; }
+                </style>
+            <![endif]-->
+            <table class="fluid" align="center" cellpadding="0" cellspacing="0" style="max-width: 600px; border-collapse: collapse; background: inherit; color: inherit;">
+                <tbody>
+                    <tr>
+                        <td class="bg_color_picker" style="background-color:#ececec; padding:10px 15px 0 15px;">
+                            <table
+                                style="width: 100%; max-width: 570px; border-collapse: collapse; background: inherit; color: inherit; background: #FFFFFF"
+                                cellpadding="0"
+                                cellspacing="0"
+                                align="center"
+                                bgcolor="#FFFFFF">
+                                <t t-raw="0"/>
+                            </table>
+                        </td>
+                    </tr>
+                </tbody>
            </table>
        </div>
    </div>