[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
This commit is contained in:
Elisabeth Dickinson
2022-08-11 17:56:26 +02:00
committed by David Monjoie
parent fcbcd9f2b7
commit 715e73b01e
6 changed files with 13 additions and 6 deletions
@@ -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
@@ -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>
@@ -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">
@@ -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>
@@ -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">
@@ -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!