initial commit 2

7 files changed, 624 insertions, 0 deletions

diff --git a/addons/mass_mailing/static/src/scss/mass_mailing.scss b/addons/mass_mailing/static/src/scss/mass_mailing.scss
new file mode 100644
index 00000000..5b8ebff2
--- /dev/null
+++ b/addons/mass_mailing/static/src/scss/mass_mailing.scss
@@ -0,0 +1,50 @@
+.o_kanban_view {
+    .oe_kanban_mass_mailing {
+        .o_title {
+            margin-bottom: 16px;
+        }
+        .o_kanban_primary_bottom {
+            margin-top: 16px;
+        }
+        .oe_margin_top_8 {
+            margin-top: 8px;
+        }
+        .oe_margin_bottom_8 {
+            margin-bottom: 8px;
+        }
+    }
+}
+.o_form_view {
+    // This will display the emoji widget in the right position after a text field with sms option.
+    .o_sms_container ~ .o_mail_add_emoji{
+        bottom: 55px;
+    }
+}
+.o_white_body {
+    background-color: white;
+}
+
+.o_mass_mailing_unsubscribed {
+    margin-left: 20px;
+    color: #005326;
+    font-size: 90%;
+}
+
+@media only screen and (min-width: 1200px) {
+    .o_utm_campaign_mass_mailing_substats {
+        padding-right: 210px;
+        div {
+            margin-left: 50px;
+        }
+    }
+}
+
+@media only screen and (min-width: 768px) and (max-width: 1200px) {
+    .o_utm_campaign_mass_mailing_substats {
+        padding-right: 180px;
+        div {
+            margin-left: 30px;
+        }
+    }
+}
+
diff --git a/addons/mass_mailing/static/src/scss/mass_mailing.ui.jw.scss b/addons/mass_mailing/static/src/scss/mass_mailing.ui.jw.scss
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/addons/mass_mailing/static/src/scss/mass_mailing.ui.jw.scss
diff --git a/addons/mass_mailing/static/src/scss/mass_mailing.ui.scss b/addons/mass_mailing/static/src/scss/mass_mailing.ui.scss
new file mode 100644
index 00000000..fea99064
--- /dev/null
+++ b/addons/mass_mailing/static/src/scss/mass_mailing.ui.scss
@@ -0,0 +1,206 @@
+.o_form_view .o_form_sheet .o_notebook .tab-content .tab-pane .o_mail_body {
+    // cancel padding of form_sheet
+    margin-top: -$o-sheet-cancel-tpadding;
+    margin-left: -$o-sheet-cancel-hpadding;
+    margin-right: -$o-sheet-cancel-hpadding;
+    margin-bottom: -$o-sheet-cancel-bpadding;
+}
+
+.o_mail_theme_selector {
+    > a {
+        @include o-position-absolute(0, 0, auto, 0);
+        height: $o-we-toolbar-height;
+        line-height: $o-we-toolbar-height;
+        border-radius: 0;
+        background-color: $o-we-sidebar-bg;
+        color: #212629;
+        display: flex;
+        justify-content: center;
+        align-items: center;
+        box-shadow: none !important;
+
+        &:hover, &:focus, &:active {
+            color: #4e525b;
+        }
+
+        i {
+            margin-right: 10px;
+        }
+    }
+
+    &.show > a {
+        color: white;
+        background-color: #212629;
+    }
+
+    .dropdown-menu {
+        position: absolute;
+        bottom: -2px;
+        top: -3px !important;
+        left: -5px !important;
+        right: -2px !important;
+        margin: 0;
+        border-radius: 0;
+        overflow: auto;
+        background-color: $o-we-sidebar-bg;
+        z-index: 1050;
+
+        &.show {
+            bottom: 31px !important;
+            top: -2px !important;
+            right: 3px !important;
+        }
+
+        .dropdown-item {
+            padding: 10px 10px;
+            &:first-child {
+                display: none;
+            }
+
+            .o_thumb {
+                display: none;
+                background-size: cover;
+                padding-top: 50%;
+                border: 1px solid $o-we-border-color;
+
+
+                &.logo {
+                    display: block;
+                }
+            }
+
+
+            &:hover {
+                background-color: $o-we-sidebar-bg;
+
+                .o_thumb {
+                    border: 1px solid black;
+                }
+            }
+
+            &.selected .o_thumb {
+                border: 2px solid $o-brand-odoo;
+                background-color: $o-we-sidebar-bg;
+            }
+        }
+    }
+}
+
+body.o_force_mail_theme_choice {
+    #oe_snippets {
+        width: 100%;
+
+        .o_mail_theme_selector {
+            .dropdown-toggle {
+                display: none;
+            }
+
+            .dropdown-menu {
+                display: block;
+
+                .dropdown-item {
+                    margin: 0;
+                    float: left;
+                    clear: none;
+                    width: 100%;
+                    max-width: 25%;
+                    transition: all 0.3s ease 0s;
+
+                    &:first-child {
+                        display: block;
+                    }
+
+                    .o_thumb {
+                        display: none;
+                        padding-top: 107%;
+                        border: 1px solid #4e525b;
+                        border-top: 1px solid $o-we-border-color;
+                        box-shadow: 0 5px 10px rgba(black, 0.8);
+                        will-change: transform;
+                        backface-visibility: hidden;
+                        transition: all 0.3s ease 0s;
+
+                        &.small {
+                            display: block;
+                        }
+
+                        @media screen and (min-width: 900px) {
+                            &.small {
+                                display: none;
+                            }
+                            &.large {
+                                display: block;
+                            }
+                        }
+                    }
+
+                    &:hover {
+                        background-color: #212629;
+
+                        .o_thumb {
+                            box-shadow: 0 5px 30px 1px rgba(black, 0.6);
+                        }
+                    }
+
+                    &.o_mass_mailing_themes_upgrade .o_thumb {
+                        position: relative;
+                        display: block;
+                        border: 1px dashed white;
+                        opacity: 0.2;
+
+                        > .fa {
+                            @include o-position-absolute(0, 0, 0, 0);
+                            text-align: center;
+                            font-size: 50px;
+                            color: white;
+
+                            &::before {
+                                vertical-align: middle;
+                            }
+                            &::after {
+                                content: "";
+                                display: inline-block;
+                                height: 100%;
+                                vertical-align: middle;
+                            }
+                        }
+                    }
+                }
+            }
+        }
+    }
+    .note-editor {
+        display: none;
+    }
+}
+
+body.editor_enable.o_basic_theme.o_in_iframe {
+    padding-right: 0px !important;
+
+    #web_editor-top-edit .note-popover .popover {
+        right: 0 !important;
+    }
+
+    #oe_snippets {
+        display: none;
+    }
+}
+
+.note-editable .o_layout {
+    overflow: initial;
+}
+
+#web_editor-toolbars .popover .note-color {
+    .note-back-color-preview .dropdown-toggle,
+    .note-fore-color-preview .dropdown-toggle {
+        height: $o-we-toolbar-height - 1;
+    }
+}
+
+.oe_structure {
+    width: 100%;
+}
+
+:root {
+    font-size: 14px;
+}
diff --git a/addons/mass_mailing/static/src/scss/mass_mailing.ui.shadow.scss b/addons/mass_mailing/static/src/scss/mass_mailing.ui.shadow.scss
new file mode 100644
index 00000000..e69de29b
--- /dev/null
+++ b/addons/mass_mailing/static/src/scss/mass_mailing.ui.shadow.scss
diff --git a/addons/mass_mailing/static/src/scss/mass_mailing_mobile.scss b/addons/mass_mailing/static/src/scss/mass_mailing_mobile.scss
new file mode 100644
index 00000000..9df45859
--- /dev/null
+++ b/addons/mass_mailing/static/src/scss/mass_mailing_mobile.scss
@@ -0,0 +1,7 @@
+@include media-breakpoint-down(sm) {
+    .o_utm_campaign_mass_mailing_substats {
+        width: 80%;
+        margin: 0 auto;
+        justify-content: space-between !important;
+    }
+}
\ No newline at end of file
diff --git a/addons/mass_mailing/static/src/scss/themes/theme_basic.scss b/addons/mass_mailing/static/src/scss/themes/theme_basic.scss
new file mode 100644
index 00000000..d65ea077
--- /dev/null
+++ b/addons/mass_mailing/static/src/scss/themes/theme_basic.scss
@@ -0,0 +1,54 @@
+
+// TODO remove in master
+// Themes scss have to use bg-variant and text-emphasis-variant mixins of BS4
+// to properly work. That use was introduced as a fix in 12.0... but the BS4
+// mixins are unavailable in the mailing assets. As a stable fix cannot
+// introduce static code which requires an XML update to not crash, the mixins
+// were duplicated here instead.
+@mixin bg-variant($parent, $color) {
+    #{$parent} {
+        background-color: $color !important;
+    }
+    a#{$parent},
+    button#{$parent} {
+        &:hover, &:focus {
+            background-color: darken($color, 10%) !important;
+        }
+    }
+}
+@mixin text-emphasis-variant($parent, $color) {
+    #{$parent} {
+        color: $color !important;
+    }
+    a#{$parent} {
+        &:hover, &:focus {
+            color: darken($color, 10%) !important;
+        }
+    }
+}
+
+// ============================
+// Mass Mailing "Theme Basic"
+// ============================
+
+// ===== Layout =====
+.o_basic_theme {
+    &.o_layout {
+        margin: 0;
+        padding: 0;
+        background-color: white;
+
+        &, p, h1, h2, h3, h4, h5, h6, span, ul, ol {
+            color: black;
+        }
+
+        p {
+            font-size: 13px;
+            margin-bottom: 0px;
+        }
+
+        ul, ol {
+            margin: 0;
+        }
+    }
+}
diff --git a/addons/mass_mailing/static/src/scss/themes/theme_default.scss b/addons/mass_mailing/static/src/scss/themes/theme_default.scss
new file mode 100644
index 00000000..96e98648
--- /dev/null
+++ b/addons/mass_mailing/static/src/scss/themes/theme_default.scss
@@ -0,0 +1,307 @@
+// ============================
+// Mass Mailing "Theme Default"
+// ============================
+
+// ===== Default Theme palette =====
+$o-mm-def-color-1: #f5f5f5;
+$o-mm-def-color-2: #ffffff;
+$o-mm-def-color-3: #706482;
+$o-mm-def-color-4: #464646;
+$o-mm-def-color-5: darken($o-mm-def-color-3, 5%);
+$o-mm-def-color-6: #706482;
+$o-mm-def-color-7: #87a6b5;
+
+// ===== Default Theme variables =====
+$o-mm-def-body-width    : 600px;
+$o-mm-def-body-bobile   : 480px;
+$o-mm-def-b-radius      : 2px;
+$o-mm-def-body-bg       : $o-mm-def-color-2;
+
+$o-mm-def-font          : -apple-system, "HelveticaNeue", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif;
+$o-mm-def-text-color    : $o-mm-def-color-4;
+
+$o-mm-def-btn-bg        : $o-mm-def-color-3;
+$o-mm-def-btn-text      : $o-mm-def-color-2;
+
+// ===== Colors =====
+@include bg-variant(".bg-o-color-2", $o-mm-def-color-6);
+@include text-emphasis-variant(".text-o-color-2", $o-mm-def-color-6);
+@include bg-variant(".bg-o-color-4", $o-mm-def-color-7);
+@include bg-variant(".bg-gray-lighter", $o-mm-def-color-1);
+
+td:not([align]) {
+    // Default browser style but needed so that alignment works on some mail
+    // clients (see convert_inline)
+    text-align: inherit;
+}
+
+// ===== Layout =====
+.o_layout {
+    overflow: hidden;
+    box-sizing: content-box;
+    width: 94%;
+    min-height: 100%;
+    background-color: $o-mm-def-color-1;
+    padding: 0 3%;
+
+    // Forces on <p/> and <hx/> elements as several mail clients does not
+    // correctly inherit font properties
+    &, p, ol {
+        font-size: 14px; // force bootstrap default
+    }
+    &, p, h1, h2, h3, h4, h5, h6, ol {
+        font-family: $o-mm-def-font;
+        color: lighten($o-mm-def-text-color, 20%);
+    }
+
+    > .o_mail_wrapper {
+        width: 100%;
+        border-collapse: separate; // Allow the first and last td to have the
+                                   // same width
+
+        .o_mail_wrapper_td {
+            width: $o-mm-def-body-width;
+            border: 1px solid darken($o-mm-def-color-1, 2%);
+            background-color: $o-mm-def-color-2;
+        }
+    }
+}
+
+// ===== Snippets (general) =====
+.o_mail_snippet_general {
+    width: 100%;
+    max-width: $o-mm-def-body-width; // should not be necessary thanks to mail wrapper
+    margin: 0 auto;
+
+    h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+        color: $o-mm-def-text-color;
+    }
+
+    .btn.btn-primary {
+        color: $o-mm-def-btn-text;
+        border: none;
+        text-decoration: none;
+        font-weight: normal;
+        font-family: $o-mm-def-font;
+        cursor: pointer;
+        border-radius: $o-mm-def-b-radius;
+        background-color: $o-mm-def-btn-bg;
+    }
+
+    a:not(.btn), .btn.btn-link {
+        color: $o-mm-def-color-5;
+        font-weight: bold;
+        text-decoration: none !important;
+
+        &:hover, &:focus, &:active {
+            text-decoration: none !important;
+        }
+    }
+
+    img {
+        width: 100%;
+        max-width: 100%;
+        height: auto;
+    }
+
+    .separator {
+        height: 2px;
+        background-color: $o-mm-def-color-1;
+    }
+
+    .bg-o-color-2 {
+        h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {
+            color: $o-mm-def-color-2;
+        }
+
+        .btn.btn-primary {
+            background-color: $o-mm-def-color-7;
+        }
+
+        a:not(.btn), .btn.btn-link {
+            color: $o-mm-def-color-7;
+        }
+    }
+
+    td, th {
+        vertical-align: top;
+    }
+}
+
+// ===== Snippets (specific) =====
+.o_mail_block_header_social, .o_mail_block_header_text_social, .o_mail_block_header_logo {
+    .o_mail_logo_container {
+        img {
+            width: auto;
+        }
+    }
+    .o_mail_header_social {
+        margin-right: 20px;
+
+        a:not(.btn), .btn.btn-link {
+            display: inline-block;
+        }
+    }
+    td {
+        vertical-align: middle;
+    }
+}
+
+.o_mail_block_header_text_social {
+    h3 {
+        font-weight: bold;
+    }
+}
+
+.o_mail_block_steps .o_mail_snippet_general{
+    background-color: $o-mm-def-color-1;
+}
+
+.o_mail_block_two_cols, .o_mail_block_three_cols {
+    // Forces on <p/> elements as several mail clients does not correctly
+    // inherit font properties
+    &, p {
+        font-size: small;
+    }
+
+    .o_mail_col_container {
+        padding: 10px 20px;
+
+        h4 {
+            margin-top: 15px;
+        }
+    }
+}
+
+.o_mail_block_image_text, .o_mail_block_text_image {
+    // Forces on <p/> elements as several mail clients does not correctly
+    // inherit font properties
+    &, p {
+        font-size: small;
+    }
+}
+
+.o_mail_block_event {
+    margin-left: 20px;
+    margin-right: 20px;
+    .o_mail_snippet_general{
+        background: darken($o-mm-def-color-1, 2%);
+    }
+}
+
+.o_mail_block_footer_separator {
+    margin-left: 20px;
+    margin-right: 20px;
+}
+
+.o_mail_block_comparison_table {
+    .separator {
+        height: 1px;
+        background-color: darken($o-mm-def-color-1, 15%);
+    }
+    table table {
+        td, th {
+            vertical-align: middle;
+        }
+        td {
+            padding: 10px 20px;
+            * {
+                margin: 0;
+                line-height: 1.3;
+            }
+        }
+    }
+}
+
+.o_mail_block_discount2 {
+    .o_code {
+        padding: 5px 10px;
+        background: $o-mm-def-color-1;
+        border-radius: 3px;
+        font-family: monospace;
+    }
+}
+
+.o_mail_block_footer_social {
+    .o_mail_table_styles {
+        border-top: 2px solid $o-mm-def-color-1;
+        padding-top: 20px;
+        padding-bottom: 20px;
+    }
+
+    .o_mail_footer_links {
+        padding-top: 10px;
+        padding-bottom: 10px;
+
+        .btn-link{
+            padding: 0;
+            font-size: 12px;
+        }
+    }
+
+    .o_mail_footer_copy {
+        font-size: 9px;
+        font-weight: bold;
+        color: lighten($o-mm-def-text-color, 30%);
+    }
+
+    &.o_mail_footer_social_center {
+        .o_mail_footer_social, .o_mail_footer_links, .o_mail_footer_copy {
+            text-align: center;
+        }
+    }
+
+    &.o_mail_footer_social_left {
+        .o_mail_footer_description {
+            padding-left: 20px;
+        }
+        .o_mail_footer_social {
+            padding-right: 20px;
+            text-align: right;
+            vertical-align: top;
+
+            .btn-link{
+                padding: 0;
+                font-size: 12px;
+            }
+        }
+    }
+    td {
+        vertical-align: middle;
+    }
+}
+
+.o_mail_display_coupon {
+    font-size: 50px;
+    line-height: 1;
+}
+
+// ===== Misc =====
+.o_mail_h_padding {
+    padding-left: 20px;
+    padding-right: 20px;
+}
+.o_mail_v_padding {
+    padding-top: 20px;
+    padding-bottom: 20px;
+}
+.o_mail_no_margin {
+    margin: 0;
+
+    &.o_mail_display_coupon {
+        line-height: 1.1;
+    }
+}
+.o_mail_table_styles {
+    width: 100%;
+    border-collapse:separate;
+}
+
+// Compatibility: mb/mt classes on <td/> elements were interpreted as paddings
+// instead of margins before the introduction of pb/pt classes. As thoses mb/mt
+// classes may remain on clients' templates, <td/> are forced to 0 margin to
+// be sure (normally <td/> should not consider margin properties but some mail
+// clients might make the mistake to do so).
+td[class*="mb"], td[class*="mt"] {
+    margin: 0!important;
+}