Boton perfil de mapas, desplazamiento al abrirse el showProductTabPane

catalog/static/catalog/css/map.css

@@ -43,9 +43,9 @@ html, body
 	width: 50px;
 	height: 50px;
 	position: absolute;
-	right: 20px;
+	right: 20px;  /*270px*/
 	bottom: 15px;
-	z-index: 100;
+	z-index: 1000;
 	background-color: white;  
 	border-radius: 5px;
 	border: none;

catalog/static/catalog/js/dataRetrieval.js

@@ -393,6 +393,7 @@ function showProductTabPane() {
     $('#control-sidebar-settings-tab').removeClass("active");
     $('#control-sidebar-home-tab').addClass("active");
     $('aside').addClass("control-sidebar-open");
+    moveLayer();
 }
 
 function showCarProductsTabPanel(){
@@ -545,7 +546,7 @@ $(document).ready(function () {
                     });
 
                 } else {
-                    noData();
+                    noData();  //activa la alerta
                     hideWaitingModal();
                     $('aside').removeClass("control-sidebar-open");
                     //Comenté la siguiente funcion porque causaba error al ser llamada y no aportaba al algun cambio al proyecto
@@ -672,3 +673,18 @@ $(document).ready(function () {
         }
     });
 });
+
+var imc = true;
+function moveLayer() {
+    if(imc){
+        setTimeout(function() {
+            document.getElementById("idmapControl").style.right = "290px";
+        },500)
+        imc = false
+    }else{
+        setTimeout(function() {
+            document.getElementById("idmapControl").style.right = "20px";
+        },500)
+        imc = true
+    }
+}

catalog/templates/base_top.html

@@ -100,8 +100,8 @@
                             {% else %}
                                 <li id="panelShowCart">
                                     {% if showcart %}
-                                        <a id="product-list-toggle" href="#" data-toggle="control-sidebar"><i
-                                            class="fa fa-shopping-cart"></i></a>
+                                        <a id="product-list-toggle" href="#" data-toggle="control-sidebar" onclick = "moveLayer()" >
+                                        <i class="fa fa-shopping-cart"></i></a>
                                     {% endif %}
                                 </li>
                             {% endif %}

catalog/templates/map.html

@@ -241,7 +241,7 @@
     <!-- <div class="ad"> </div> -->
 
     <!-- control de version de mapas -->
-    <div class="mapControl" onclick="cambio.changeMap()">
+    <div id="idmapControl" class="mapControl" onclick="cambio.changeMap()">
         <i class="fas fa-layer-group fa-2x  iii"></i> 
     </div>
     <!-- control de version de mapas -->