fix editor for mobile devices

joemccann · Oct 22, 2014 · 7fa21d1 · 7fa21d1
1 parent e63528b
commit 7fa21d1
Show file tree

Hide file tree

Showing 4 changed files with 14 additions and 8 deletions.
diff --git a/public/coffeescript/base/base.controller.coffee b/public/coffeescript/base/base.controller.coffee
@@ -23,6 +23,9 @@ module.exports = app.controller 'Base',
     $rootScope.editor.getSession().setUseWrapMode(true)
     $rootScope.editor.setShowPrintMargin(false)
     $rootScope.editor.getSession().setValue($scope.currentDocument.body)
+    $rootScope.editor.setOption('maxLines', 90000)
+
+    window.editor = $rootScope.editor
 
     updateDocument = ->
       $scope.currentDocument = documentsService.getCurrentDocument()

diff --git a/public/css/app.css b/public/css/app.css
diff --git a/public/scss/foundation/_tools.scss b/public/scss/foundation/_tools.scss
@@ -49,6 +49,7 @@
 
 .mnone {
   margin: 0;
+  // height: 100%;
 }
 
 .sr-only {

diff --git a/public/scss/structures/_split.scss b/public/scss/structures/_split.scss
@@ -40,18 +40,19 @@
 // .split-scaffolding
 
   &-editor {
-    position: relative;
-    height: calc(100vh - 100px);
+    // position: relative;
+    // height: 100%;
     padding-left: 0;
     padding-right: 0;
-    z-index: map-get($z-index, editor);
 
     .show-preview & {
       display: none;
     }
 
     @include from('tablet') {
       padding-right: 16px;
+      float: left;
+      width: 50%;
 
       .show-preview & {
         display: block;
@@ -62,7 +63,7 @@
   &-preview {
     display: none;
     position: absolute;
-    top: 122px;
+    top: 129px;
     background-color: #FFF;
     z-index: map-get($z-index, preview);
 
@@ -71,11 +72,12 @@
     }
 
     @include from('tablet') {
-      height: calc(100vh - 100px);
       border-left: 1px solid $c-border;
-      top: 0;
-      position: relative;
+      position: static;
       display: block;
+      float: right;
+      top: 0;
+      width: 50%;
     }
   }
 }