Anchor map selector to div control-sidebar-bg

catalog/static/catalog/css/map.css

@@ -43,7 +43,7 @@ html, body
 	width: 50px;
 	height: 50px;
 	position: absolute;
-	right: 20px;  /*270px*/
+	right: 290px;  /*270px*/
 	bottom: 15px;
 	z-index: 1000;
 	background-color: white;  
@@ -56,7 +56,7 @@ html, body
 	width: 50px;
 	height: 50px;
 	position: absolute;
-	right: 20px;  /*270px*/
+	right: 290px;  /*270px*/
 	bottom: 75px;
 	z-index: 1000;
 	background-color: white;  

catalog/static/catalog/js/dataRetrieval.js

@@ -393,7 +393,7 @@ function showProductTabPane() {
     $('#control-sidebar-settings-tab').removeClass("active");
     $('#control-sidebar-home-tab').addClass("active");
     $('aside').addClass("control-sidebar-open");
-    moveLayer();
+
 }
 
 function showCarProductsTabPanel(){
@@ -674,17 +674,3 @@ $(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,7 +100,7 @@
                             {% else %}
                                 <li id="panelShowCart">
                                     {% if showcart %}
-                                        <a id="product-list-toggle" href="#" data-toggle="control-sidebar" onclick = "moveLayer()" >
+                                        <a id="product-list-toggle" href="#" data-toggle="control-sidebar">
                                         <i class="fa fa-shopping-cart"></i></a>
                                     {% endif %}
                                 </li>
@@ -214,7 +214,19 @@
         </aside>
         <!-- /.control-sidebar -->
         <!-- Add the sidebar's background. This div must be placed immediately after the control sidebar -->
-        <div class="control-sidebar-bg"></div>
+        <div class="control-sidebar-bg">
+            <!-- control de version de mapas -->
+            <div id="idmapControl" class="mapControl" onclick="cambio.changeMap()">
+                <i class="fas fa-layer-group fa-2x  iii"></i> 
+            </div>
+            <!-- control de version de mapas -->
+
+            <!-- control para dibujar el poligono -->
+            <div id="drawControl" class="drawControl" onclick="osmap.changeInteraction()">
+                <i class="fas fa-vector-square fa-2x  iii"></i> 
+            </div>
+            <!-- control para dibujar el poligono -->
+        </div>
     </div>
     <!-- ./wrapper -->
 

catalog/templates/map.html

@@ -240,18 +240,6 @@
         
     <!-- <div class="ad"> </div> -->
 
-    <!-- control de version de mapas -->
-    <div id="idmapControl" class="mapControl" onclick="cambio.changeMap()">
-        <i class="fas fa-layer-group fa-2x  iii"></i> 
-    </div>
-    <!-- control de version de mapas -->
-
-    <!-- control para dibujar el poligono -->
-    <div id="drawControl" class="drawControl" onclick="osmap.changeInteraction()">
-        <i class="fas fa-vector-square fa-2x  iii"></i> 
-    </div>
-    <!-- control para dibujar el poligono -->
-
     <footer class=" page-footer font-small special-color-dark pt-5" style="bottom: 0; position: absolute">
         <!-- Footer Elements -->
         <div class="container">