initial commit 2

1 files changed, 206 insertions, 0 deletions

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;
+}