pengyuthon/odoo_source
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[IMP] mass_mailing: color_blocks snippet improved

Browse Source 
Replace bootstrap class for text alignment with inline style

Wrapping the `a` inside a `p` and placing the text alignment on the `h2`
and `p`s allows the user to align the elements individually.

Part-of: odoo/odoo#95940
This commit is contained in:
Elisabeth Dickinson
2022-08-11 17:56:20 +02:00
committed by David Monjoie
parent f8b3782b44
commit f2cb22cab0
1 changed files with 10 additions and 10 deletions
Download Patch File Download Diff File Expand all files Collapse all files
addons/mass_mailing/views/snippets/s_color_blocks_2.xml
+10 -10
View File
@@ -4,17 +4,17 @@
<div class="s_mail_color_blocks_2 o_mail_snippet_general" data-snippet="s_color_blocks_2">
<div class="container">
<div class="row">
<div class="col-lg-6 o_cc o_cc3 text-center pt32 pb32">
<i class="fa fa-shield fa-5x m-3"/>
<h2>A color block</h2>
<p>Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
<a href="#" class="btn btn-primary">More Details</a>
<div class="col-lg-6 o_cc o_cc3 pt32 pb32">
<i class="fa fa-shield fa-5x m-3 mx-auto d-block"/>
<h2 style="text-align: center;">A color block</h2>
<p style="text-align: center;">Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
<p style="text-align: center;"><a href="#" class="btn btn-primary">More Details</a></p>
</div>
<div class="col-lg-6 o_cc o_cc5 text-center pt32 pb32">
<i class="fa fa-cube fa-5x m-3"/>
<h2>Another color block</h2>
<p>Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
<a href="#" class="btn btn-primary">More Details</a>
<div class="col-lg-6 o_cc o_cc5 pt32 pb32">
<i class="fa fa-cube fa-5x m-3 mx-auto d-block"/>
<h2 style="text-align: center;">Another color block</h2>
<p style="text-align: center;">Color blocks are a simple and effective way to <b>present and highlight your content</b>. Choose an image or a color for the background. You can even resize and duplicate the blocks to create your own layout. Add images or icons to customize the blocks.</p>
<p style="text-align: center;"><a href="#" class="btn btn-primary">More Details</a></p>
</div>
</div>
</div>