Merge pull request #5331 from AntonKhorev/trace-badges-text-bg

[rails.git] / app / assets / javascripts / leaflet.sidebar.js

diff --git a/app/assets/javascripts/leaflet.sidebar.js b/app/assets/javascripts/leaflet.sidebar.js
index bb046f99ad13ae029c840912e7a7be611494a365..9573c839d411c4a6eb5be8ebaed9d84a186cf8af 100644 (file)
--- a/app/assets/javascripts/leaflet.sidebar.js
+++ b/app/assets/javascripts/leaflet.sidebar.js
@@ -1,9 +1,9 @@
 L.OSM.sidebar = function (selector) {
   var control = {},
 L.OSM.sidebar = function (selector) {
   var control = {},

-    sidebar = $(selector),
-    current = $(),
-    currentButton = $(),
-    map;
+      sidebar = $(selector),
+      current = $(),
+      currentButton = $(),
+      map;

 
   control.addTo = function (_) {
     map = _;
 
   control.addTo = function (_) {
     map = _;


@@ -17,6 +17,8 @@ L.OSM.sidebar = function (selector) {
   };
 
   control.togglePane = function (pane, button) {
   };
 
   control.togglePane = function (pane, button) {

+    var paneWidth = 250;
+

     current
       .hide()
       .trigger("hide");
     current
       .hide()
       .trigger("hide");


@@ -25,12 +27,20 @@ L.OSM.sidebar = function (selector) {
       .removeClass("active");
 
     if (current === pane) {
       .removeClass("active");
 
     if (current === pane) {

+      if ($("html").attr("dir") === "rtl") {
+        map.panBy([-paneWidth, 0], { animate: false });
+      }

       $(sidebar).hide();
       $(sidebar).hide();

+      $("#content").addClass("overlay-right-sidebar");

       current = currentButton = $();
     } else {
       $(sidebar).show();
       current = currentButton = $();
     } else {
       $(sidebar).show();

+      $("#content").removeClass("overlay-right-sidebar");

       current = pane;
       currentButton = button || $();
       current = pane;
       currentButton = button || $();

+      if ($("html").attr("dir") === "rtl") {
+        map.panBy([paneWidth, 0], { animate: false });
+      }

     }
 
     map.invalidateSize({ pan: false, animate: false });
     }
 
     map.invalidateSize({ pan: false, animate: false });