Fix #111

rafajaques · Jun 15, 2016 · 064544e · 064544e
1 parent c3c38cf
commit 064544e
Show file tree

Hide file tree

Showing 3 changed files with 22 additions and 7 deletions.
diff --git a/app/css/index.css b/app/css/index.css
@@ -7,13 +7,21 @@ body{
   background-color: #fff;
   -webkit-overflow-scrolling: touch;
 }
+#draggable-area{
+  position: absolute;
+  top: 0;
+  height: 25px;
+  width: 100%;
+  z-index: 5000;
+  -webkit-app-region: drag !important;
+}
 .loader-inner{
   position: absolute;
   top:50%;
   left:50%;
   z-index:1000;
 }
-.ball-scale-ripple-multiple > div {
+.ball-scale-ripple-multiple > div{
   background: #494E57;
 }
 .top-margin{
@@ -101,7 +109,7 @@ body{
   font-size: 11px !important;
 }
 /* Little hack for presentation sidebar */
-.tooltip.left {
+.tooltip.left{
   margin-left: -20px;
 }
 
@@ -196,23 +204,23 @@ body{
 /**
  * Split pane
  */
-.gutter {
+.gutter{
  background-color: #eee;
  background-repeat: no-repeat;
  background-position: 50%;
 }
 
-.gutter.gutter-horizontal {
+.gutter.gutter-horizontal{
  background-image: url('../gfx/grips/vertical.png');
  cursor: ew-resize;
 }
 
-.gutter.gutter-vertical {
+.gutter.gutter-vertical{
  background-image: url('../gfx/grips/horizontal.png');
  cursor: ns-resize;
 }
 
-split, .gutter.gutter-horizontal {
+split, .gutter.gutter-horizontal{
   height: 100%;
   float: left;
 }
diff --git a/app/index.html b/app/index.html
@@ -15,6 +15,9 @@
   </head>
   <body>
 
+    <!-- Draggable area (OSX only) -->
+    <div id="draggable-area"></div>
+
     <!-- Sidebar -->
     <div id="sidebar">
       <!-- Menu -->

diff --git a/app/js/main.functions.js b/app/js/main.functions.js
@@ -249,9 +249,13 @@ function renderApp(refresh) {
       delay: { show: 400 }
     });
 
-    // Padding sidebar buttons to not be under traffic lights
+    // OSX specific tuning
     if (conf.get('system.os') === 'osx') {
+      // Padding sidebar buttons to not be under traffic lights
       $('#sidebar ul').css('margin-top', '22px');
+    } else {
+      // Remove draggable area to avoid bugs
+      $('#draggable-area').remove(); // OSX only draggable area
     }
   }