Added proper active values for placeholders
authorAlexander Ebert <ebert@woltlab.com>
Mon, 15 Feb 2016 17:22:21 +0000 (18:22 +0100)
committerAlexander Ebert <ebert@woltlab.com>
Mon, 15 Feb 2016 17:22:21 +0000 (18:22 +0100)
wcfsetup/install/files/style/layout/form.scss
wcfsetup/install/files/style/layout/pageHeader.scss
wcfsetup/setup/db/install.sql

index a1dbd514e1bd5cee1e85f59e53b4a123f182432e..1cedb5fdcdcc2fb38187d137a084477329749506 100644 (file)
@@ -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] {
index cbe04023f37b79016b59a2c90988be8e09848aab..fc281b16607d58f4176e01bcd1df23752e1d5c49 100644 (file)
                }
        }
        
+       &: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;
index 637ebac521f2b1c3503f0d0ae567cbc262d94a42..78138ab7dfe61f7087c72e22bb41edd89517b680 100644 (file)
@@ -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');