Make full screen mode in Potlatch work properly again

diff --git a/app/assets/javascripts/edit.js b/app/assets/javascripts/edit.js
index 0b2b329b5d358223c4c1487737a9ad8813a2d768..7eaa24e9813ce97fab79958364ab518297ed0070 100644 (file)
--- a/app/assets/javascripts/edit.js
+++ b/app/assets/javascripts/edit.js
@@ -5,9 +5,9 @@ function maximiseMap() {
 
   $("#content").css("top", "0px");
   if ($("html").attr("dir") == "ltr") {
-    $("#content").css("left", "0px");
+    $("#content").css("margin-left", "0px");
   } else {
-    $("#content").css("right", "0px");
+    $("#content").css("margin-right", "0px");
   }
 
   handleResize();
@@ -20,9 +20,9 @@ function minimiseMap() {
 
   $("#content").css("top", "30px");
   if ($("html").attr("dir") == "ltr") {
-    $("#content").css("left", "185px");
+    $("#content").css("margin-left", "185px");
   } else {
-    $("#content").css("right", "185px");
+    $("#content").css("margin-right", "185px");
   }
 
   handleResize();

diff --git a/app/assets/stylesheets/common.css.scss b/app/assets/stylesheets/common.css.scss
index ecdb40b44854783e7d69edda16d9695904fd335c..6786dc77d661064ca7c7aab0f3b505aaa71ae309 100644 (file)
--- a/app/assets/stylesheets/common.css.scss
+++ b/app/assets/stylesheets/common.css.scss
@@ -654,6 +654,7 @@ body.site-export #tabnav a#exportanchor {
 
 .site-edit #content {
   top: 30px;
+  z-index: 100;
 }
 
 #slim_container {