[IMP] website_mass_mailing: improve "Newsletter" snippets layouts

Part of https://github.com/odoo/odoo/pull/52698
task-2210730
This commit is contained in:
Cocographique
2020-06-12 17:06:36 +00:00
committed by qsm-odoo
parent e5a5f98819
commit 2394f325e9
3 changed files with 32 additions and 19 deletions
@@ -9,7 +9,7 @@ class MassMailingPopup(models.Model):
_description = "Mailing list popup"
def _default_popup_content(self):
return self.env['ir.ui.view']._render_template('website_mass_mailing.s_newsletter_block')
return self.env['ir.ui.view']._render_template('website_mass_mailing.s_newsletter_subscribe_popup_content')
mailing_list_id = fields.Many2one('mailing.list')
website_id = fields.Many2one('website')
@@ -8,16 +8,15 @@
display: none;
}
.close {
z-index: $zindex-modal;
@include o-position-absolute(0, 0);
font-size: $font-size-sm;
width: 2 * $font-size-sm;
height: 2 * $font-size-sm;
width: $font-size-lg * 2;
height: $font-size-lg * 2;
line-height: $font-size-lg * 2;
margin: 0;
padding: 0;
margin: (-$font-size-sm) (-$font-size-sm) 0 0;
opacity: 1;
background-color: $white;
z-index: 1;
border-radius: $font-size-sm;
@include o-bg-color(color-yiq(o-color('primary')), o-color('primary'), $with-extras: false);
box-shadow: $box-shadow-sm;
opacity: 1;
}
}
@@ -37,15 +37,13 @@
</template>
<template id="s_newsletter_block" name="Newsletter block">
<section class="s_newsletter_block pt64 pb64 oe_img_bg" style="background-image: url('/web/image/website.library_image_17');">
<section class="s_newsletter_block bg-200 pt32 pb32">
<div class="container">
<div class="row">
<div class="col-lg-7 offset-lg-5 pt32 pb32 bg-white-75">
<div class="text-center">
<h1 class="text-uppercase font-weight-bold">Always First.</h1>
<p>Be the first to find out all the latest news, products and trends.</p>
<t t-snippet-call="website_mass_mailing.s_newsletter_subscribe_form"/>
</div>
<div class="col-lg-8 offset-lg-2 pt24 pb24">
<h2>Always First.</h2>
<p>Be the first to find out all the latest news, products, and trends.</p>
<t t-snippet-call="website_mass_mailing.s_newsletter_subscribe_form"/>
</div>
</div>
</div>
@@ -56,11 +54,27 @@
<div class="o_newsletter_popup o_snippet_invisible" data-list-id="0"/>
</template>
<template id="s_newsletter_subscribe_popup_content" name="Newsletter Popup Content">
<section class="s_text_block oe_img_bg pt88 pb64" data-snippet="s_text_block"
style="background-image: url('/web/image/website.s_cover_default_image'); background-position: 0 100%;">
<div class="container s_allow_columns">
<h1 style="text-align: center;">Always <b>First</b>.</h1>
<p style="text-align: center;">Be the first to find out all the latest news,<br/> products, and trends.</p>
</div>
</section>
<section class="s_text_block" data-snippet="s_text_block">
<div class="container">
<div class="row s_nb_column_fixed">
<div class="col-lg-8 offset-lg-2 pt32 pb32">
<t t-snippet-call="website_mass_mailing.s_newsletter_subscribe_form"/>
</div>
</div>
</div>
</section>
</template>
<template id="newsletter_subscribe_options" name="Newsletter Subscribe Options" inherit_id="website.snippet_options">
<xpath expr="//*[@t-set='so_snippet_addition_selector']" position="inside">, .o_newsletter_popup</xpath>
<xpath expr="//*[@id='row_valign_snippet_option']" position="attributes">
<attribute name="data-selector" separator="," add=".s_newsletter_block"/>
</xpath>
<xpath expr="//div" position="after">
<t t-set="selector" t-value="'.js_subscribe'"/>
<div data-js="mailing_list_subscribe"