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,7 +4,6 @@
       = 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')}...",