From 715e73b01e8d0545f41c2eda201177dc77de9042 Mon Sep 17 00:00:00 2001
From: Elisabeth Dickinson <edi@odoo.com>
Date: Mon, 30 May 2022 14:38:09 +0000
Subject: [PATCH] [IMP] mass_mailing: add padding-x option to snippets

An extra option is added in order to have control over the paddings.
Snippets using the `px-3` class have had it replaced with inline styles
and now have the padding option in the builder.

This was initially done for the media_list snippet, but it seems it's
useful for many more snippets.

Part-of: odoo/odoo#95940
---
 addons/mass_mailing/views/snippets/s_coupon_code.xml | 2 +-
 addons/mass_mailing/views/snippets/s_picture.xml     | 2 +-
 addons/mass_mailing/views/snippets/s_rating.xml      | 2 +-
 addons/mass_mailing/views/snippets/s_text_block.xml  | 2 +-
 addons/mass_mailing/views/snippets_themes.xml        | 9 ++++++++-
 addons/mass_mailing/views/themes_templates.xml       | 2 +-
 6 files changed, 13 insertions(+), 6 deletions(-)

diff --git a/addons/mass_mailing/views/snippets/s_coupon_code.xml b/addons/mass_mailing/views/snippets/s_coupon_code.xml
index c0f6ca7f4af..1d1663717ea 100644
--- a/addons/mass_mailing/views/snippets/s_coupon_code.xml
+++ b/addons/mass_mailing/views/snippets/s_coupon_code.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
     <template id="s_coupon_code" name="Promo Code">
-        <div class="s_discount2 o_mail_block_discount2 o_mail_snippet_general px-3 pt32 pb32">
+        <div class="s_discount2 o_mail_block_discount2 o_mail_snippet_general pt32 pb32" style="padding-left: 15px; padding-right: 15px;">
             <h2 style="text-align: center;"><span style="font-weight: bolder;">GET $20 OFF</span></h2>
             <p style="text-align: center;">
                 Here's your coupon code - but hurry! Ends 9/28
diff --git a/addons/mass_mailing/views/snippets/s_picture.xml b/addons/mass_mailing/views/snippets/s_picture.xml
index 23ef87cf84d..018f0794aa7 100644
--- a/addons/mass_mailing/views/snippets/s_picture.xml
+++ b/addons/mass_mailing/views/snippets/s_picture.xml
@@ -2,7 +2,7 @@
 <odoo>
 
 <template id="s_picture" name="Picture">
-    <div class="s_picture o_mail_snippet_general pt48 pb24 px-3 o_cc o_cc2">
+    <div class="s_picture o_mail_snippet_general pt48 pb24 o_cc o_cc2" style="padding-left: 15px; padding-right: 15px;">
         <div class="container s_allow_columns">
             <h2 style="text-align: center;">
                 <font style="font-size: 48px;">A Punchy Headline</font>
diff --git a/addons/mass_mailing/views/snippets/s_rating.xml b/addons/mass_mailing/views/snippets/s_rating.xml
index fe9c386181b..1ac48c6fea3 100644
--- a/addons/mass_mailing/views/snippets/s_rating.xml
+++ b/addons/mass_mailing/views/snippets/s_rating.xml
@@ -2,7 +2,7 @@
 <odoo>
 
 <template id="s_rating" name="Rating">
-    <div class="s_rating o_mail_snippet_general pt16 pb16 px-3" data-vcss="001" data-icon="fa-star">
+    <div class="s_rating o_mail_snippet_general pt16 pb16" style="padding-left: 15px; padding-right: 15px;" data-vcss="001" data-icon="fa-star">
         <h3>Quality</h3>
         <div class="s_rating_icons o_not_editable">
             <span class="s_rating_active_icons">
diff --git a/addons/mass_mailing/views/snippets/s_text_block.xml b/addons/mass_mailing/views/snippets/s_text_block.xml
index 1d54fa5a0d9..ce7b81295a1 100644
--- a/addons/mass_mailing/views/snippets/s_text_block.xml
+++ b/addons/mass_mailing/views/snippets/s_text_block.xml
@@ -1,7 +1,7 @@
 <?xml version="1.0" encoding="utf-8"?>
 <odoo>
     <template id="s_text_block" name="Text">
-        <div class="s_text_block o_mail_snippet_general pt40 pb40 px-3">
+        <div class="s_text_block o_mail_snippet_general pt40 pb40" style="padding-left: 15px; padding-right: 15px;">
             <div class="container s_allow_columns">
                 <p> The open source model of Odoo has allowed us to leverage thousands of developers and
                     business experts to build hundreds of apps in just a few years.</p>
diff --git a/addons/mass_mailing/views/snippets_themes.xml b/addons/mass_mailing/views/snippets_themes.xml
index fd93b157015..e5582c16bb4 100644
--- a/addons/mass_mailing/views/snippets_themes.xml
+++ b/addons/mass_mailing/views/snippets_themes.xml
@@ -160,7 +160,7 @@
 </template>
 
 <template id="s_mail_block_header_view" name="View Online">
-    <div class="o_snippet_view_in_browser o_mail_snippet_general pt16 pb16 px-3" style="text-align: center;">
+    <div class="o_snippet_view_in_browser o_mail_snippet_general pt16 pb16" style="text-align: center; padding-left: 15px; padding-right: 15px;">
         <a href="/view">
             View Online
         </a>
@@ -459,6 +459,13 @@
             data-css-property="background-color"
             data-color-prefix="bg-"/>
     </div>
+    <!-- Allow customised padding-x on snippets -->
+    <div data-selector="[class*='col-lg-'], .s_discount2, .s_text_block, .s_media_list, .s_picture, .s_rating">
+        <we-row string="Padding ⭤">
+            <we-input data-select-style="" data-unit="px" data-css-property="padding-left"/>
+            <we-input data-select-style="" data-unit="px" data-css-property="padding-right"/>
+        </we-row>
+    </div>
 
     <!-- Allow changing background images in Masonry and Cover -->
     <t t-call="web_editor.snippet_options_background_options">
diff --git a/addons/mass_mailing/views/themes_templates.xml b/addons/mass_mailing/views/themes_templates.xml
index 11539ab390c..e0e36268f07 100644
--- a/addons/mass_mailing/views/themes_templates.xml
+++ b/addons/mass_mailing/views/themes_templates.xml
@@ -41,7 +41,7 @@
                 </div>
             </div>
         </div>
-        <div class="s_text_block o_mail_snippet_general pt40 pb16 px-3">
+        <div class="s_text_block o_mail_snippet_general pt40 pb16" style="padding-left: 15px; padding-right: 15px;">
             <div class="container s_allow_columns">
                 <h2>Thank you for joining us!</h2>
                 <p><br/>We want to take this opportunity to welcome you to our ever-growing community!