Remove mentions-input-box

app/assets/stylesheets/_application.scss

@@ -9,7 +9,6 @@
 @import 'media-box';
 @import 'entypo';
 @import 'icons';
-@import 'mentions';
 @import 'animations';
 @import 'flash_messages';
 @import 'sprites';

app/assets/stylesheets/color_themes/_color_theme_override_dark.scss

@@ -7,7 +7,6 @@ body {
   }
 
   .publisher {
-    .mentions-input-box { background-color: $gray; }
     form {
       #publisher_textarea_wrapper { background-color: $gray; }
       .btn.btn-link.question_mark:hover .entypo-cog { color: $gray-light; }

app/assets/stylesheets/mentions.scss

@@ -1,21 +0,0 @@
-.mentions-input-box {
-  position: relative;
-}
-
-.typeahead-mention-box-wrap .twitter-typeahead {
-  left: -1px;
-  width: calc(100% + 2px);
-
-  .tt-menu {
-    // Override inline rule of Typeahead
-    // If this is not overridden (`position: absolute` by default in Typeahead) then
-    // the box is cut when opened because of the `overflow: hidden` from parent classes of comment form styles. By
-    // having `position: relative` here we make it visible by inserting it in the flow.
-    // This has a side effect of "Comment" button move down when box is open, but it feels like the least evil.
-    // scss-lint:disable ImportantRule
-    position: relative !important;
-    // scss-lint:enable ImportantRule
-
-    width: 100%;
-  }
-}

app/assets/stylesheets/publisher.scss

@@ -196,6 +196,8 @@
 }
 
 .publisher-textarea-wrapper {
+  position: relative;
+
   &:not(.with-location) .location-container,
   &.markdown-preview .location-container,
   &:not(.with-poll) .poll-creator-container,

app/assets/stylesheets/typeahead.scss

@@ -43,3 +43,21 @@
     }
   }
 }
+
+.typeahead-mention-box-wrap .twitter-typeahead {
+  left: -1px;
+  width: calc(100% + 2px);
+
+  .tt-menu {
+    // Override inline rule of Typeahead
+    // If this is not overridden (`position: absolute` by default in Typeahead) then
+    // the box is cut when opened because of the `overflow: hidden` from parent classes of comment form styles. By
+    // having `position: relative` here we make it visible by inserting it in the flow.
+    // This has a side effect of "Comment" button move down when box is open, but it feels like the least evil.
+    // scss-lint:disable ImportantRule
+    position: relative !important;
+    // scss-lint:enable ImportantRule
+
+    width: 100%;
+  }
+}

app/views/publisher/_publisher.html.haml

@@ -4,19 +4,18 @@
       = status.error_messages
       %params
         .publisher-textarea-wrapper#publisher_textarea_wrapper
-          .mentions-input-box
-            - if current_user.getting_started?
-              = status.text_area :text, :rows => 2, :value => h(publisher_formatted_text),
-                :tabindex => 1, :placeholder => "#{t('contacts.index.start_a_conversation')}...",
-                "data-title" => popover_with_close_html("1. " + t("shared.public_explain.share")),
-                "data-content" => t("shared.public_explain.new_user_welcome_message"),
-                "class" => "form-control mention-textarea"
-            - else
-              = status.text_area :text, :rows => 2, :value => h(publisher_formatted_text),
-                :tabindex => 1, :placeholder => "#{t('contacts.index.start_a_conversation')}...",
-                "class" => "form-control mention-textarea"
-            .typeahead-mention-box-wrap
-              %input.typeahead-mention-box.hidden{type: "text"}
+          - if current_user.getting_started?
+            = status.text_area :text, :rows => 2, :value => h(publisher_formatted_text),
+              :tabindex => 1, :placeholder => "#{t('contacts.index.start_a_conversation')}...",
+              "data-title" => popover_with_close_html("1. " + t("shared.public_explain.share")),
+              "data-content" => t("shared.public_explain.new_user_welcome_message"),
+              "class" => "form-control mention-textarea"
+          - else
+            = status.text_area :text, :rows => 2, :value => h(publisher_formatted_text),
+              :tabindex => 1, :placeholder => "#{t('contacts.index.start_a_conversation')}...",
+              "class" => "form-control mention-textarea"
+          .typeahead-mention-box-wrap
+            %input.typeahead-mention-box.hidden{type: "text"}
 
           .container-fluid.photodropzone-container#photodropzone_container
             %ul#photodropzone