From d38eabf33336ea2eb40036ca228f55d6f180fbaf Mon Sep 17 00:00:00 2001
From: Steffen van Bergerem <svbergerem@omgsrsly.net>
Date: Tue, 21 Mar 2017 12:30:25 +0100
Subject: [PATCH] Refactor mentions-input-box css

---
 app/assets/stylesheets/mentions.scss  | 64 ---------------------------
 app/assets/stylesheets/publisher.scss |  5 ++-
 2 files changed, 3 insertions(+), 66 deletions(-)

diff --git a/app/assets/stylesheets/mentions.scss b/app/assets/stylesheets/mentions.scss
index 97cd758ed..e06076ca7 100644
--- a/app/assets/stylesheets/mentions.scss
+++ b/app/assets/stylesheets/mentions.scss
@@ -1,69 +1,5 @@
 .mentions-input-box {
-  border-radius: 3px;
-
-  background: #fff;
   position: relative;
-
-  textarea {
-    display: block;
-    background: transparent;
-    border: 1px solid #dcdcdc;
-    border-radius: 3px;
-    outline: 0;
-    overflow: hidden;
-    position: relative;
-    resize: none;
-    width: 100%;
-
-    -webkit-box-sizing: border-box;
-    -moz-box-sizing: border-box;
-    box-sizing: border-box;
-  }
-
-  .form-control[disabled] { background-color: transparent; }
-
-  .mentions-autocomplete-list {
-    background: white;
-    display: none;
-    left: 0;
-    margin-left: -1px;
-    position: absolute;
-    right: 0;
-    z-index: 10000;
-
-    ul {
-      border: 1px solid $border-dark-grey;
-      margin: 0;
-      padding: 0;
-
-      border-radius: 0px 0px 5px 5px;
-
-      li {
-        color: #444;
-        background: white;
-        border-bottom: 1px solid #ccc;
-        cursor: pointer;
-        font-size: 15px;
-        height: 26px;
-        line-height: 26px;
-        list-style: none;
-        margin: 0;
-        overflow: hidden;
-        padding: 5px;
-        white-space: nowrap;
-
-        &:hover, &.active { background: $background-grey; }
-        &:last-child { border-radius: 0px 0px 5px 5px; }
-
-        img, div.icon {
-          float: left;
-          height: 25px;
-          margin-right: 5px;
-          width: 25px;
-        }
-      }
-    }
-  }
 }
 
 .typeahead-mention-box-wrap .twitter-typeahead {
diff --git a/app/assets/stylesheets/publisher.scss b/app/assets/stylesheets/publisher.scss
index f95480c94..1c9419d66 100644
--- a/app/assets/stylesheets/publisher.scss
+++ b/app/assets/stylesheets/publisher.scss
@@ -76,11 +76,12 @@
       }
 
       textarea {
+        background: transparent;
         border: 0 solid $light-grey;
-        margin: 0;
         box-shadow: none;
-        resize: none;
         height: 50px;
+        margin: 0;
+        resize: none;
       }
 
       &.active textarea {