Fix input label position and background color for autofill fields

RocketChat · Aug 31, 2016 · a18b6fc · a18b6fc
1 parent 056ca49
commit a18b6fc
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 10 deletions.
diff --git a/packages/rocketchat-theme/assets/stylesheets/base.less b/packages/rocketchat-theme/assets/stylesheets/base.less
@@ -3740,7 +3740,7 @@ body:not(.is-cordova) {
 			box-shadow: 0 0 0;
 			border-width: 0;
 			position: relative;
-			margin-top: 10px;
+			margin-top: 14px;
 			padding: 4px 8px;
 			font-size: 18px;
 			border-bottom: 1px solid;
@@ -3774,16 +3774,12 @@ body:not(.is-cordova) {
 			text-align: left;
 			color: #a9a9a9;
 			transition: all 0.3s;
+			z-index: 100;
 		}
 		&.focus label {
 			top: 0;
 			font-size: 12px;
 		}
-		input:-webkit-autofill {}
-		input:-webkit-autofill {
-			-webkit-box-shadow: 0 0 0px 1000px #f4f4f4 inset;
-		}
-
 		.input-error {
 			text-align: left;
 			color: #b40202;

diff --git a/packages/rocketchat-theme/assets/stylesheets/utils/_colors.import.less b/packages/rocketchat-theme/assets/stylesheets/utils/_colors.import.less
@@ -1159,10 +1159,9 @@ a.github-fork {
 			}
 		}
 		input:-webkit-autofill {
-			color: @content-background-color !important;
-		}
-		input:-webkit-autofill {
-			background-color: transparent !important;
+			color: @content-font-color !important;
+			background-color: #FAFAFA !important;
+			-webkit-box-shadow: 0 0 0px 1000px #FAFAFA inset;
 		}
 	}
 }