Web Google Maps Fix

Author: intellego-rbn

web_google_maps/static/src/js/view/map/map_view.js

@@ -14,13 +14,13 @@ odoo.define('web_google_maps.MapView', function (require) {
         accesskey: 'm',
         display_name: _lt('Map'),
         icon: 'fa-map-o',
-        jsLibs: [],
         config: _.extend({}, BasicView.prototype.config, {
             Model: MapModel,
             Renderer: MapRenderer,
             Controller: MapController
         }),
         viewType: 'map',
+        mobile_friendly: true,
         init: function (viewInfo, params) {
             this._super.apply(this, arguments);
 

web_google_maps/static/src/scss/web_maps.scss

@@ -17,6 +17,10 @@
 
     .o_map_view {
         width: 100%;
+
+        .gm-style-iw {
+            min-width: 300px;
+        }
     }
 
     .o_map_left_sidenav {

web_google_maps/static/src/scss/web_maps_mobile.scss

@@ -0,0 +1,41 @@
+@include media-breakpoint-down(sm) {
+    .o_map_container {
+        .o_kanban_view.o_kanban_grouped {
+            min-height: 100%;
+            padding: 0;
+            background-color: desaturate($gray-100, 100%);
+
+            .o_kanban_record {
+                width: 100%;
+                margin-left: 0;
+                margin-right: 0;
+                display: block;
+                padding: $o-kanban-inside-vgutter $o-kanban-inside-hgutter;
+                border: 1px solid gray('300');
+                background-color: white;
+            }
+
+            &.o_kanban_small_column .o_kanban_group:not(.o_column_folded) {
+                position: initial !important;
+                width: $o-kanban-small-record-width + 2*$o-kanban-group-padding;
+                overflow-x: scroll;
+            }
+
+            &[class] .o_kanban_group:not(.o_column_folded) {
+                position: initial !important;
+                width: $o-kanban-small-record-width + 2*$o-kanban-group-padding;
+                overflow-x: scroll;
+
+                .o_kanban_record {
+                    width: 100%;
+                    margin-left: 0;
+                    margin-right: 0;
+                    display: block;
+                    padding: $o-kanban-inside-vgutter $o-kanban-inside-hgutter;
+                    border: 1px solid gray('300');
+                    background-color: white;
+                }
+            }
+        }
+    }   
+}

web_google_maps/views/google_places_template.xml

@@ -21,6 +21,7 @@
     <template id="assets_backend" name="web_google_maps assets backend" inherit_id="web.assets_backend">
         <xpath expr="." position="inside">
             <link rel="stylesheet" type="text/scss" href="/web_google_maps/static/src/scss/web_maps.scss"/>
+            <link rel="stylesheet" type="text/scss" href="/web_google_maps/static/src/scss/web_maps_mobile.scss"/>
             <script type="text/javascript" src="/web_google_maps/static/src/js/view/map/map_model.js"></script>
             <script type="text/javascript" src="/web_google_maps/static/src/js/view/map/map_controller.js"></script>
             <script type="text/javascript" src="/web_google_maps/static/src/js/view/map/map_renderer.js"></script>

web_google_maps/views/res_partner.xml

@@ -101,20 +101,4 @@
         <field name="view_id" ref="view_res_partner_map"/>
         <field name="act_window_id" ref="base.action_partner_form"/>
     </record>
-
-    <!-- Contacts MAP -->
-
-    <record id="contacts.action_contacts" model="ir.actions.act_window">
-        <field name="view_mode">kanban,tree,map,form</field>
-    </record>
-    <record id="contacts.action_contacts_view_form" model="ir.actions.act_window.view">
-        <field name="sequence" eval="3"/>
-    </record>
-    <record id="action_contacts_view_maps" model="ir.actions.act_window.view">
-        <field name="sequence" eval="2"/>
-        <field name="view_mode">map</field>
-        <field name="view_id" ref="web_google_maps.view_res_partner_map"/>
-        <field name="act_window_id" ref="contacts.action_contacts"/>
-    </record>
-
 </odoo>