From 9f6ce653a9cfb62271eb9a23e893e5316dac624d Mon Sep 17 00:00:00 2001
From: Robin Ward <robin.ward@gmail.com>
Date: Mon, 21 Sep 2015 13:50:05 -0400
Subject: [PATCH] FIX: Selecting posts was broken on IOS9 iPad

---
 app/assets/javascripts/discourse/templates/post.hbs |  4 ++--
 app/assets/stylesheets/desktop/topic-post.scss      | 12 ++++++++----
 2 files changed, 10 insertions(+), 6 deletions(-)

diff --git a/app/assets/javascripts/discourse/templates/post.hbs b/app/assets/javascripts/discourse/templates/post.hbs
index f40dc068ca9..6fdfcfcdd2d 100644
--- a/app/assets/javascripts/discourse/templates/post.hbs
+++ b/app/assets/javascripts/discourse/templates/post.hbs
@@ -71,8 +71,8 @@
         <div {{bind-attr class=":read-state read"}} title="{{i18n 'post.unread'}}">{{fa-icon "circle"}}</div>
       </div>
 
-      <div {{bind-attr class=":select-posts controller.multiSelect::hidden"}}>
-        <button {{action "toggledSelectedPostReplies" this}} {{bind-attr class="view.canSelectReplies::hidden"}}>{{i18n 'topic.multi_select.select_replies'}}</button>
+      <div class="select-posts {{unless controller.multiSelect 'hidden'}}">
+        <button {{action "toggledSelectedPostReplies" this}} class="{{unless view.canSelectReplies 'hidden'}}">{{i18n 'topic.multi_select.select_replies'}}</button>
         <button {{action "toggledSelectedPost" this}} class="select-post">{{view.selectPostText}}</button>
       </div>
 
diff --git a/app/assets/stylesheets/desktop/topic-post.scss b/app/assets/stylesheets/desktop/topic-post.scss
index f388da26630..626ca0f6b5e 100644
--- a/app/assets/stylesheets/desktop/topic-post.scss
+++ b/app/assets/stylesheets/desktop/topic-post.scss
@@ -789,16 +789,20 @@ $topic-avatar-width: 45px;
 }
 
 #selected-posts {
-
-  margin-left: 330px;
   width: 200px;
   position: fixed;
   z-index: 1000;
-  left: 50%;
   background-color: dark-light-diff($tertiary, $secondary, 85%, -65%);
   border: 1px solid $tertiary;
   padding: 5px;
   margin-bottom: 5px;
+  right: 10px;
+
+  @include large-width {
+    right: auto;
+    margin-left: 330px;
+    left: 50%;
+  }
 
   button {
     width: 180px;
@@ -880,7 +884,7 @@ $topic-avatar-width: 45px;
       left: 100%;
       z-index: 490;
       top: 8px;
-      width: 800px;
+      width: 200px;
       height: 100px;
       background-color: $secondary;