From 797045f5a9d4768f4e86901f129e8f817e1e2f07 Mon Sep 17 00:00:00 2001
From: Penar Musaraj <pmusaraj@gmail.com>
Date: Wed, 20 Nov 2019 12:32:00 -0500
Subject: [PATCH] DEV: Move some autocomplete input styling to SCSS (#8381)

---
 app/assets/javascripts/discourse/lib/autocomplete.js.es6 | 4 +---
 app/assets/stylesheets/common/base/compose.scss          | 3 +++
 app/assets/stylesheets/desktop/compose.scss              | 4 ++++
 3 files changed, 8 insertions(+), 3 deletions(-)

diff --git a/app/assets/javascripts/discourse/lib/autocomplete.js.es6 b/app/assets/javascripts/discourse/lib/autocomplete.js.es6
index 9ab8dbae3b..aeb7b836a2 100644
--- a/app/assets/javascripts/discourse/lib/autocomplete.js.es6
+++ b/app/assets/javascripts/discourse/lib/autocomplete.js.es6
@@ -212,11 +212,9 @@ export default function(options) {
     }
 
     if (options.single && !options.width) {
-      this.css("width", "100%");
+      this.attr("class", `${this.attr("class")} fullwidth-input`);
     } else if (options.width) {
       this.css("width", options.width);
-    } else {
-      this.width(150);
     }
 
     this.attr(
diff --git a/app/assets/stylesheets/common/base/compose.scss b/app/assets/stylesheets/common/base/compose.scss
index f6505c1b4d..7dca1ac5ea 100644
--- a/app/assets/stylesheets/common/base/compose.scss
+++ b/app/assets/stylesheets/common/base/compose.scss
@@ -437,6 +437,9 @@ div.ac-wrap {
     margin: 0;
     background: transparent;
     min-height: unset;
+    &.fullwidth-input {
+      width: 100%;
+    }
   }
 }
 
diff --git a/app/assets/stylesheets/desktop/compose.scss b/app/assets/stylesheets/desktop/compose.scss
index 7f4db285c2..546f35c34e 100644
--- a/app/assets/stylesheets/desktop/compose.scss
+++ b/app/assets/stylesheets/desktop/compose.scss
@@ -15,6 +15,10 @@
     width: 404px;
   }
 
+  .item + #private-message-users {
+    width: 150px;
+  }
+
   .select-kit.is-expanded {
     z-index: z("composer", "dropdown") + 1;
   }