[design] fixed sidebar for safari

frappe/public/css/mobile.css

@@ -89,12 +89,10 @@
   .sidebar-right,
   .sidebar-left,
   .navbar-fixed-top {
-    -webkit-transition: 0.25s;
-    -o-transition: 0.25s;
     transition: 0.25s;
   }
   .offcanvas {
-    position: fixed;
+    position: absolute;
     left: 0;
     right: 0;
     top: 0;

frappe/public/less/mobile.less

@@ -117,13 +117,12 @@
 	.sidebar-right,
 	.sidebar-left,
 	.navbar-fixed-top {
-		-webkit-transition: 0.25s;
-		-o-transition: 0.25s;
 		transition: 0.25s;
 	}
 
 	.offcanvas {
-		position: fixed;
+		// position: fixed;
+		position: absolute;
 		left: 0;
 		right: 0;
 		top: 0;
@@ -147,6 +146,7 @@
 
 	.offcanvas .sidebar {
 		position: fixed;
+		// position: absolute;
 		top: 0;
 		bottom: 0;
 		width: 75%; /* 9 columns */

frappe/templates/pages/desk.html

@@ -17,15 +17,15 @@
 
 	<div class="desk-container">
 		<div class="offcanvas">
-			<div class="sidebar sidebar-left visible-xs"></div>
-			<div class="sidebar sidebar-right visible-xs">
-				<ul class="sidebar-menu" id="sidebar-notification"></ul>
-			</div>
 			<div class="desk-main-section">
 				<header></header>
 				<div id="body_div"></div>
 				<footer></footer>
 			</div>
+			<div class="sidebar sidebar-left visible-xs"></div>
+			<div class="sidebar sidebar-right visible-xs">
+				<ul class="sidebar-menu" id="sidebar-notification"></ul>
+			</div>
 		</div>
 	</div>