initial commit 2

1 files changed, 452 insertions, 0 deletions

diff --git a/addons/website/static/src/scss/website.backend.scss b/addons/website/static/src/scss/website.backend.scss
new file mode 100644
index 00000000..1122930e
--- /dev/null
+++ b/addons/website/static/src/scss/website.backend.scss
@@ -0,0 +1,452 @@
+.o_dashboards {
+    background-color: #ececec;
+
+    .o_website_dashboard {
+        background-color: #ececec;
+        div.o_box {
+            @include clearfix;
+            color: $o-main-color-muted;
+            background-color: $o-view-background-color;
+            background-size: cover;
+            margin-top: $o-horizontal-padding;
+            position: static;
+            box-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.3);
+
+            h2, h4 {
+                text-transform: uppercase;
+                margin-top: 0;
+                color: $o-brand-odoo;
+            }
+
+            h4 { margin: 0 0 0 8px; }
+
+            .col-lg-7, .col-12 {
+                padding: 15px;
+
+                .js_field_selection {
+                    width: 30%;
+                    margin: 0 0 20px 0;
+                    float: right;
+                    border-radius: 0;
+                }
+
+                .table-responsive {
+                    border: none;
+                }
+
+                table {
+
+                    tr:first-child {
+                        background: white;
+                    }
+
+                    tr:nth-child(even):not(:hover) {
+                        background: #f5f6f7;
+                    }
+
+                    th {
+                        text-transform: uppercase;
+                        color: $o-main-text-color;
+                        border-top-width: 0px;
+                    }
+                    td, th {
+                        text-align: right;
+                        border-left: none;
+
+                        &:first-child {
+                            text-align: left;
+                        }
+                    }
+                    .o_tooltip_key {
+                        text-align: left;
+                    }
+                }
+            }
+        }
+
+        .o_dashboard_common {
+            .o_box {
+                display: flex;
+                flex-flow: row wrap;
+                justify-content: flex-start;
+                > .o_inner_box {
+                    @include media-breakpoint-down(sm) {
+                        flex: 1 1 200px;
+                        display: block !important;
+                    }
+                    @include media-breakpoint-up(md) {
+                        flex: 0 0 16.6%;
+                    }
+                }
+            }
+            .o_inner_box {
+                padding-top: 10px;
+                text-align: center;
+                border: 1px solid $o-view-background-color;
+                height: 80px;
+                overflow: hidden;
+                text-overflow: ellipsis;
+                white-space: nowrap;
+                cursor: pointer;
+                color: white;
+                background-color: $o-brand-primary;
+                    &:hover {
+                        background-color: darken($o-brand-primary, 10%);
+                    }
+                &.o_primary {
+                    background-color: $o-brand-odoo;
+                    color: white;
+                    &:hover {
+                        background-color: darken($o-brand-odoo, 10%);
+                    }
+                }
+                .o_highlight {
+                    font-size: 27px;
+                }
+            }
+        }
+
+        .o_graph_sales {
+            direction: ltr#{"/*rtl:ignore*/"};
+            .o_legend0 {
+                background-color: $o-brand-primary;
+            }
+            .o_legend1 {
+                background-color: $o-main-color-muted;
+            }
+        }
+
+        .o_dashboard_visits {
+
+            h2 {
+                padding: 15px;
+            }
+
+            .o_demo_background {
+
+                margin-top: 16px;
+                height: 300px;
+                background-size: 100% !important;
+                background: url("/website/static/src/img/website_dashboard_visit_demo.png") no-repeat;
+                position: relative;
+
+                .o_buttons {
+                    position: relative;
+
+                    > button {
+                        display: block;
+                    }
+                }
+
+                .o_layer {
+                    background-color: rgba(255,255,255,.3);
+                    position: absolute;
+                    top: 0;
+                    left: 0;
+                    width: 100%;
+                    height: 100%;
+                }
+            }
+
+            .o_properties_selection {
+
+                @include media-breakpoint-up(lg) {
+                    display: flex;
+                }
+
+                margin-top: 10px;
+                margin-bottom: 10px;
+            }
+
+            .gapi-analytics-auth-styles-signinbutton {
+                cursor: pointer;
+            }
+
+            .ActiveUsers {
+                position: relative;
+                float: right;
+                right: 10px;
+                border: 1px solid gray('200');
+                font-weight: 300;
+                white-space: nowrap;
+                padding: .5em 1.5em;
+                margin: .5em;
+                text-transform: uppercase;
+            }
+
+            .ActiveUsers-value {
+              font-weight: 300;
+              margin-right: -.25em;
+            }
+
+            .ActiveUsers.is-increasing {
+              animation: increase 3s;
+            }
+
+            .ActiveUsers.is-decreasing {
+              animation: decrease 3s;
+            }
+
+            @keyframes increase {
+              10% {
+                background-color: lighten($o-brand-primary, 30%);
+                border-color: $o-brand-primary;
+                color: $o-brand-primary;
+              }
+            }
+
+            @keyframes decrease {
+              10% {
+                background-color: lighten($o-brand-primary, 30%);
+                border-color: $o-brand-primary;
+                color: $o-brand-primary;
+              }
+            }
+        }
+
+        tr.o_product_template {
+            cursor: pointer;
+            color: $o-main-text-color;
+        }
+
+        .o_loader {
+            text-align: center;
+            width: 100%;
+            height: 20em;
+        }
+    }
+}
+
+.oe_stat_button {
+    &.o_stat_button_info:hover {
+        color: #666666 !important;
+        background-color: transparent !important;
+        opacity: 0.8 !important;
+        cursor: default !important;
+    }
+}
+
+.o_kanban_view.o_theme_kanban {
+    $o-theme-kanban-gray: #fcfcfc;
+    background-color: $o-theme-kanban-gray;
+
+    /// Un-grouped Layout (default)
+    &.o_kanban_ungrouped {
+        justify-content: space-between;
+        margin: 0 0 0 ($o-kanban-record-margin - 2 * $grid-gutter-width);
+
+        @include media-breakpoint-down(sm) {
+            padding-left: $o-horizontal-padding - $o-kanban-record-margin;
+            padding-right: $o-horizontal-padding;
+        }
+
+        .o_kanban_record {
+            flex: 1 0 220px;
+        }
+    }
+
+    .o_kanban_record {
+        margin-left: $grid-gutter-width * 2;
+        padding: 0;
+        box-shadow: none;
+        background: none;
+        border: none;
+
+        .o_theme_preview_top {
+            position: relative;
+            border: 1px solid darken($o-theme-kanban-gray, 20%);
+            border-radius: 2px;
+            transform-origin: center bottom;
+            transition: all .1s ease 0s;
+
+            .o_theme_cover, .o_theme_logo, .o_theme_screenshot {
+                width: 100%;
+                padding-bottom: 127%;
+                background-repeat: no-repeat;
+                background-position: center top;
+                background-size: 40% 32%;
+            }
+
+            .o_theme_cover {
+                background-size: contain;
+            }
+
+            .o_theme_screenshot {
+                background-size: cover;
+            }
+        }
+
+        .o_theme_preview_bottom {
+            h5, h6 {
+                line-height: 16px;
+            }
+        }
+
+        .o_button_area {
+            @include o-position-absolute(0, 0, 0, 0);
+            transition: opacity 100ms ease 0s;
+            display: flex;
+            flex-flow: column nowrap;
+            justify-content: center;
+            transform: translate3d(0,0,0);
+            background-image: linear-gradient(0deg, rgba(black, 0.6), rgba(black, 0.3));
+            padding: 10% 20%;
+            opacity: 0;
+            visibility: hidden;
+
+            > .btn {
+                padding: $btn-padding-y-lg $btn-padding-x-lg;
+            }
+
+            hr {
+                width: 100%;
+            }
+        }
+
+        .o_theme_preview_top:hover {
+            transition: all .3s ease 0s;
+            transform: translateY(-10px);
+            border-color: darken($o-theme-kanban-gray, 26%);
+            box-shadow: 0 15px 12px -8px rgba(0, 0, 0, .4);
+
+            .o_theme_screenshot {
+                animation: o_theme_screenshot_scroll 4s linear .25s infinite alternate;
+            }
+            @keyframes o_theme_screenshot_scroll {
+                25% {
+                    background-position: center top;
+                }
+                75%, 100% {
+                    background-position: center bottom;
+                }
+            }
+
+            .o_button_area {
+                opacity: 1;
+                visibility: visible;
+                transition: opacity 0.2s ease 0.1s;
+            }
+        }
+
+        &.o_theme_installed .o_theme_preview_top {
+            border: 3px solid $o-brand-primary;
+        }
+    }
+
+    /// Grouped Layout
+    &.o_kanban_grouped {
+        .o_kanban_group {
+            background-color: $o-theme-kanban-gray;
+            padding: 0 20px;
+
+            .o_kanban_header {
+                height: 30px;
+
+                .o_column_title {
+                    padding: 0;
+                    color: $body-color;
+                }
+
+                &:hover, &.show {
+                    .o_kanban_config {
+                        display: none;
+                    }
+                }
+            }
+
+            .o_theme_preview_top {
+                border-color: darken($o-theme-kanban-gray, 16%);
+            }
+
+            &:nth-child(even) {
+                background-color: darken($o-theme-kanban-gray, 4%);
+
+                .o_theme_cover, .o_theme_logo {
+                    background-color: white;
+                }
+            }
+        }
+
+        .o_kanban_record {
+            width: 100%;
+            margin-left: 0;
+            margin-right: 0;
+
+            .o_theme_preview_top {
+                .o_theme_cover, .o_theme_logo {
+                    padding-bottom: 50%;
+                    background-size: 32% 62%;
+                }
+
+                .o_theme_cover {
+                    background-size: cover;
+                }
+            }
+        }
+    }
+}
+
+.o_view_form_theme_preview_controller {
+    .o_control_panel > div:first-of-type {
+        display: none;
+    }
+    div.o_form_nosheet {
+        padding: 0px;
+        height:100%;
+        width:100%;
+    }
+
+    .is_mobile {
+        @include media-breakpoint-up(md) {
+            iframe {
+                // mobile frame is rounded
+                border-radius: 15px;
+                height: 735px;
+            }
+            .img_mobile {
+                pointer-events: none;
+                display: block !important;
+                position: absolute;
+                top: 16px;
+                left: calc(50% - 200px)
+            }
+            .o_field_iframe_preview {
+                margin: auto !important;
+                padding: 53px 11px 58px 28px;
+                width: 416px;
+            }
+        }
+    }
+
+}
+.o_view_kanban_theme_preview_controller {
+    .o_control_panel > div:nth-child(2) {
+        display: none;
+    }
+}
+
+
+.o_theme_install_loader_container {
+    background-color: rgba($o-shadow-color, .9);
+    pointer-events: all;
+    font-size: 4.5rem;
+    justify-content: space-evenly;
+    .o_tooltip {
+        top: 0 !important;
+        left: 0 !important;
+        margin-right: 7px !important;
+        padding-left: 28px !important;
+    }
+    .o_theme_install_loader_tip {
+        font-size: 0.5em;
+    }
+}
+.o_theme_install_loader {
+    position: relative;
+    display: inline-block;
+    width: 400px;
+    height: 220px;
+    background-image: url('/website/static/src/img/theme_loader.gif');
+    background-size: cover;
+    border-radius: 6px;
+}