initial commit

1 files changed, 109 insertions, 0 deletions

diff --git a/web_responsive/static/src/css/search_view_mobile.scss b/web_responsive/static/src/css/search_view_mobile.scss
new file mode 100644
index 0000000..06762e4
--- /dev/null
+++ b/web_responsive/static/src/css/search_view_mobile.scss
@@ -0,0 +1,109 @@
+.o_web_client {
+    .o_mobile_search {
+        position: fixed;
+        top: 0;
+        left: 0;
+        bottom: 0;
+        padding: 0;
+        width: 100%;
+        background-color: white;
+        z-index: $zindex-modal;
+        overflow: auto;
+        .o_mobile_search_header {
+            height: 46px;
+            margin-bottom: 10px;
+            width: 100%;
+            background-color: $o-brand-odoo;
+            color: white;
+            span:active {
+                background-color: darken($o-brand-primary, 10%);
+            }
+            span {
+                cursor: pointer;
+            }
+        }
+        .o_searchview_input_container {
+            display: flex;
+            padding: 15px 20px 0 20px;
+            position: relative;
+            .o_searchview_input {
+                width: 100%;
+                margin-bottom: 15px;
+                border-bottom: 1px solid $o-brand-secondary;
+            }
+            .o_searchview_facet {
+                border-radius: 10px;
+                display: inline-flex;
+                order: 1;
+                .o_searchview_facet_label {
+                    border-radius: 2em 0em 0em 2em;
+                }
+            }
+            .o_searchview_autocomplete {
+                top: 100%;
+                > li {
+                    margin: 5px 0px;
+                }
+            }
+        }
+        .o_mobile_search_filter {
+            padding-bottom: 15%;
+            .o_dropdown {
+                width: 100%;
+                margin: 15px 5px 0px 5px;
+                border: solid 1px darken(gray("200"), 20%);
+            }
+            .o_dropdown_toggler_btn {
+                width: 100%;
+                text-align: left;
+
+                &:after {
+                    display: none;
+                }
+            }
+
+            // We disable the backdrop in this case because it prevents any
+            // interaction outside of a dropdown while it is open.
+            .dropdown-backdrop {
+                z-index: -1;
+            }
+            .dropdown-menu {
+                // Here we use !important because of popper js adding custom style
+                // to element so to override it use !important
+                position: relative !important;
+                width: 100% !important;
+                transform: translate3d(0, 0, 0) !important;
+                box-shadow: none;
+                border: none;
+                color: gray("600");
+                .divider {
+                    margin: 0px;
+                }
+                > li > a {
+                    padding: 10px 26px;
+                }
+            }
+        }
+        .o_mobile_search_show_result {
+            padding: 10px;
+            font-size: 15px;
+        }
+    }
+}
+// Search panel
+@include media-breakpoint-down(sm) {
+    .o_controller_with_searchpanel {
+        display: block;
+        .o_search_panel {
+            height: auto;
+            padding: 8px;
+            border-left: 1px solid $gray-300;
+            section {
+                padding: 0px 16px;
+            }
+        }
+        .o_search_panel_summary {
+            cursor: pointer;
+        }
+    }
+}