From: Alexander Ebert <ebert@woltlab.com>
Date: Mon, 15 Feb 2016 17:22:21 +0000 (+0100)
Subject: Added proper active values for placeholders
X-Git-Tag: 3.0.0_Beta_1~2030^2~84
X-Git-Url: https://git.stricted.de/?a=commitdiff_plain;h=5d0e8b3f4fc0f745be091983ad3d71bce8f837b4;p=GitHub%2FWoltLab%2FWCF.git

Added proper active values for placeholders
---

diff --git a/wcfsetup/install/files/style/layout/form.scss b/wcfsetup/install/files/style/layout/form.scss
index a1dbd514e1..1cedb5fdcd 100644
--- a/wcfsetup/install/files/style/layout/form.scss
+++ b/wcfsetup/install/files/style/layout/form.scss
@@ -51,6 +51,19 @@ input[type="url"] {
 	&:-ms-input-placeholder { /* Internet Explorer 10+ */
 		color: $wcfInputPlaceholder;
 	}
+	
+	&:focus,
+	&:hover {
+		&::-webkit-input-placeholder { /* WebKit browsers */
+			color: $wcfInputPlaceholderActive;
+		}
+		&::-moz-placeholder { /* Mozilla Firefox 19+ */
+			color: $wcfInputPlaceholderActive;
+		}
+		&:-ms-input-placeholder { /* Internet Explorer 10+ */
+			color: $wcfInputPlaceholderActive;
+		}
+	}
 }
 
 textarea[readonly] {
diff --git a/wcfsetup/install/files/style/layout/pageHeader.scss b/wcfsetup/install/files/style/layout/pageHeader.scss
index cbe04023f3..fc281b1660 100644
--- a/wcfsetup/install/files/style/layout/pageHeader.scss
+++ b/wcfsetup/install/files/style/layout/pageHeader.scss
@@ -301,6 +301,20 @@
 		}
 	}
 	
+	&:hover .pageHeaderSearchInput,
+	.pageHeaderSearchInput:focus {
+		/* set placeholder color */
+		&::-webkit-input-placeholder { /* WebKit browsers */
+			color: $wcfHeaderSearchBoxPlaceholderActive;
+		}
+		&::-moz-placeholder { /* Mozilla Firefox 19+ */
+			color: $wcfHeaderSearchBoxPlaceholderActive;
+		}
+		&:-ms-input-placeholder { /* Internet Explorer 10+ */
+			color: $wcfHeaderSearchBoxPlaceholderActive;
+		}
+	}
+	
 	.pageHeaderSearchInputButton {
 		background: none;
 		border: 0 none;
diff --git a/wcfsetup/setup/db/install.sql b/wcfsetup/setup/db/install.sql
index 637ebac521..78138ab7df 100644
--- a/wcfsetup/setup/db/install.sql
+++ b/wcfsetup/setup/db/install.sql
@@ -2045,6 +2045,7 @@ INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfHeaderS
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfHeaderSearchBoxBorder', 'rgba(128, 139, 150, 1)');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfHeaderSearchBoxBorderActive', 'rgba(255, 255, 255, 1)');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfHeaderSearchBoxPlaceholder', 'rgba(169, 169, 169, 1)');
+INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfHeaderSearchBoxPlaceholderActive', 'rgba(204, 204, 204, 1)');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputBackground', 'rgba(241, 246, 251, 1)');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputBackgroundActive', 'rgba(241, 246, 251, 1)');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputBorder', 'rgba(176, 200, 224, 1)');
@@ -2056,6 +2057,7 @@ INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputLa
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputText', 'rgba(44, 62, 80, 1)');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputTextActive', 'rgba(44, 62, 80, 1)');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputPlaceholder', 'rgba(169, 169, 169, 1)');
+INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfInputPlaceholderActive', 'rgba(204, 204, 204, 1)');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfLayoutFixedWidth', '1200px');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfLayoutMaxWidth', '1400px');
 INSERT INTO wcf1_style_variable (variableName, defaultValue) VALUES ('wcfLayoutMinWidth', '1240px');