Merge pull request #609 from massiveart/hotfix/auto-complete-loader-s…

…tyle

Fixed back class overlapping

CHANGELOG.md

@@ -1,6 +1,7 @@
 # CHANGELOG for husky
 
 * dev-master
+    * HOTFIX      #609 Fixed input back class overlapping
     * HOTFIX      #607 Fixed data-attribute id for auto-complete
     * ENHANCEMENT #606 Added data to retrieve event
     * ENHANCEMENT #605 Added loader to indicate loading suggestions

dist/husky.css

@@ -8524,7 +8524,7 @@ a.btn-black, a.btn-highlight {
   top: 0px;
   right: 0px;
   line-height: 20px;
-  padding: 5px 10px 0 5px;
+  margin: 5px 10px 0 5px;
   background: #fff;
   color: #999;
   font-size: 16px;
@@ -8644,7 +8644,7 @@ a.btn-black, a.btn-highlight {
   top: 0px;
   right: 0px;
   line-height: 20px;
-  padding: 5px 10px 0 5px;
+  margin: 5px 10px 0 5px;
   background: #fff;
   color: #999;
   font-size: 16px;
@@ -9893,19 +9893,15 @@ a.btn-black, a.btn-highlight {
 .auto-complete-list-container .tt-suggestions {
   width: 100%;
 }
-/* line 36, ../scss/modules/auto-complete-list.scss */
-.auto-complete-list-container .back {
-  background: transparent;
-}
 
-/* line 41, ../scss/modules/auto-complete-list.scss */
+/* line 37, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list {
   border-radius: 3px;
   background-color: #fff;
   margin: 0;
   border: 1px solid #ddd;
 }
-/* line 47, ../scss/modules/auto-complete-list.scss */
+/* line 43, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list .husky-auto-complete {
   background: none;
   border-radius: 0;
@@ -9915,7 +9911,7 @@ a.btn-black, a.btn-highlight {
   margin-bottom: -5px;
   border: 0;
 }
-/* line 56, ../scss/modules/auto-complete-list.scss */
+/* line 52, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list .husky-auto-complete input[type="text"] {
   margin: 7px 10px 7px 0 !important;
   padding: 0;
@@ -9928,7 +9924,7 @@ a.btn-black, a.btn-highlight {
   float: left;
 }
 
-/* line 70, ../scss/modules/auto-complete-list.scss */
+/* line 66, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list-selection {
   display: inline-block;
   margin: 4px 5px 4px 0;
@@ -9940,20 +9936,20 @@ a.btn-black, a.btn-highlight {
   line-height: 20px;
   float: left;
 }
-/* line 81, ../scss/modules/auto-complete-list.scss */
+/* line 77, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list-selection .tm-tag-remove {
   padding-left: 8px;
   cursor: pointer;
   text-decoration: none;
   color: #262626;
   font-size: 14px;
 }
-/* line 83, ../scss/modules/auto-complete-list.scss */
+/* line 79, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list-selection .tm-tag-remove::before {
   content: "";
 }
 
-/* line 94, ../scss/modules/auto-complete-list.scss */
+/* line 90, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list-suggestions {
   bottom: 0;
   left: 0;
@@ -9963,20 +9959,20 @@ a.btn-black, a.btn-highlight {
   -webkit-box-shadow: rgba(0, 0, 0, 0.06) 2px 2px 0px 0px;
   box-shadow: rgba(0, 0, 0, 0.06) 2px 2px 0px 0px;
 }
-/* line 101, ../scss/modules/auto-complete-list.scss */
+/* line 97, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list-suggestions h5 {
   margin: 0;
   padding: 5px 8px;
   border-bottom: 1px solid #e9e9e9;
   color: #999999;
   font-size: 12px;
 }
-/* line 109, ../scss/modules/auto-complete-list.scss */
+/* line 105, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list-suggestions ul {
   padding: 8px 8px 15px;
   margin: 0;
 }
-/* line 114, ../scss/modules/auto-complete-list.scss */
+/* line 110, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list-suggestions li {
   display: inline-block;
   margin-right: 5px;
@@ -9987,7 +9983,7 @@ a.btn-black, a.btn-highlight {
   font-size: 12px;
   cursor: pointer;
 }
-/* line 125, ../scss/modules/auto-complete-list.scss */
+/* line 121, ../scss/modules/auto-complete-list.scss */
 .auto-complete-list-suggestions .deactivated {
   cursor: auto;
   color: #999;
@@ -11576,7 +11572,7 @@ a.btn-black, a.btn-highlight {
   top: 0px;
   right: 0px;
   line-height: 20px;
-  padding: 5px 10px 0 5px;
+  margin: 5px 10px 0 5px;
   background: #fff;
   color: #999;
   font-size: 16px;

scss/modules/auto-complete-list.scss

@@ -32,10 +32,6 @@
     .tt-suggestions {
         width: 100%;
     }
-
-    .back {
-        background: transparent;
-    }
 }
 
 .auto-complete-list {

scss/modules/input.scss

@@ -38,7 +38,7 @@
         top: 0px;
         right: 0px;
         line-height: $inputHeight - 10px;
-        padding: 5px 10px 0 5px;
+        margin: 5px 10px 0 5px;
         background: $white;
         color: $grayLight;
         font-size: 16px;