_input-fields.scss in materialize-sass-0.97.7

- old
+ new

@@ -113,11 +113,11 @@
   // Form Message Shared Styles
   & + label:after {
     display: block;
     content: "";
     position: absolute;
-    top: 65px;
+    top: 60px;
     opacity: 0;
     transition: .2s opacity ease-out, .2s color ease-out;
   }
 }
 
@@ -163,17 +163,17 @@
   }
 
   .prefix ~ input,
   .prefix ~ textarea,
   .prefix ~ label,
-  .prefix ~ .validate ~ label {
+  .prefix ~ .validate ~ label,
+  .prefix ~ .autocomplete-content {
     margin-left: 3rem;
     width: 92%;
     width: calc(100% - 3rem);
   }
 
-  .prefix ~ textarea { padding-top: .8rem; }
   .prefix ~ label { margin-left: 3rem; }
 
   @media #{$medium-and-down} {
     .prefix ~ input {
       width: 86%;
@@ -236,11 +236,11 @@
   height: $input-height;
   background-color: transparent;
 
   &.materialize-textarea {
     overflow-y: hidden; /* prevents scroll bar flash */
-    padding: 1.6rem 0; /* prevents text jump on Enter keypress */
+    padding: .8rem 0 1.6rem 0; /* prevents text jump on Enter keypress */
     resize: none;
     min-height: $input-height;
   }
 }
 
@@ -249,6 +249,25 @@
   display: none;
   white-space: pre-wrap;
   word-wrap: break-word;
   overflow-wrap: break-word; /* future version of deprecated 'word-wrap' */
   padding-top: 1.2rem; /* prevents text jump on Enter keypress */
+}
+
+
+/* Autocomplete */
+.autocomplete-content {
+  margin-top: -15px;
+  display: block;
+  opacity: 1;
+  position: static;
+
+  li {
+    .highlight { color: #444; }
+
+    img {
+      height: $dropdown-item-height - 10;
+      width: $dropdown-item-height - 10;
+      margin: 5px 15px;
+    }
+  }
 }