From 682a3cdfec67544f4a058970bd47fc64c1cb9455 Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Sat, 7 Nov 2015 18:38:44 -0500
Subject: [PATCH] FIX: Some iPad fixes for the new composer

---
 .../discourse/views/composer.js.es6           |  9 ++++++--
 .../stylesheets/common/base/compose.scss      | 23 ++++++++++++++++---
 app/assets/stylesheets/desktop/compose.scss   |  5 ++++
 3 files changed, 32 insertions(+), 5 deletions(-)

diff --git a/app/assets/javascripts/discourse/views/composer.js.es6 b/app/assets/javascripts/discourse/views/composer.js.es6
index 54da8125b9c..4d7a3dbbb7a 100644
--- a/app/assets/javascripts/discourse/views/composer.js.es6
+++ b/app/assets/javascripts/discourse/views/composer.js.es6
@@ -22,8 +22,13 @@ const ComposerView = Ember.View.extend(Ember.Evented, {
   },
 
   movePanels(sizePx) {
-    $('#main-outlet').css('padding-bottom', sizePx);
-    $('.composer-popup').css('bottom', sizePx);
+
+    // Do we need these anymore? causes issues on iPad. Reply sometimes does not
+    // show composer due to bottom padding.
+
+    // $('#main-outlet').css('padding-bottom', sizePx);
+    // $('.composer-popup').css('bottom', sizePx);
+
     // signal the progress bar it should move!
     this.appEvents.trigger("composer:resized");
   },
diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss
index a2766118669..4115a8dec7c 100644
--- a/app/assets/stylesheets/common/base/compose.scss
+++ b/app/assets/stylesheets/common/base/compose.scss
@@ -38,11 +38,28 @@
   }
 }
 
-.d-editor-textarea-wrapper .spinner {
-  z-index: 1000;
-  margin-top: 5em;
+#reply-control {
+  .d-editor-textarea-wrapper .spinner {
+    z-index: 1000;
+    margin-top: 5em;
+  }
+
+  .d-editor-button-bar {
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
+
+    margin: 0px;
+    padding: 5px;
+    border-bottom: 2px solid dark-light-diff($primary, $secondary, 90%, -60%);
+    height: 33px;
+  }
+
+  textarea {
+    box-shadow: none;
+  }
 }
 
+
 .saving-text .spinner {
   display: inline-block;
   left: 5px;
diff --git a/app/assets/stylesheets/desktop/compose.scss b/app/assets/stylesheets/desktop/compose.scss
index daf0b16ebc6..9a7d4a8f747 100644
--- a/app/assets/stylesheets/desktop/compose.scss
+++ b/app/assets/stylesheets/desktop/compose.scss
@@ -430,6 +430,11 @@
     color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));
     background-color: $secondary;
     z-index: 100;
+    overflow: hidden;
+    width: 50%;
+
+    -moz-box-sizing: border-box;
+    box-sizing: border-box;
 
     button {
       color: dark-light-choose(scale-color($primary, $lightness: 50%), scale-color($secondary, $lightness: 50%));