Twenty Eleven: add postMessage support for header_textcolor

[lancewillett]

Similar to Twenty Twelve and Twenty Thirteen, this would add immediate visual feedback in the Theme Customizer UI when header text is hidden, or its color value changes.

[kovshenin]

24128.diff​ should do the trick. Needs testing to see if it breaks any child themes since it changes a couple selectors.

[lancewillett]

Wow, this is more involved than I imagined. Let's bump to 3.7, too late for thorough testing before 3.6.

[helen]

No signs of testing - move it back and commit it if you did, lance. :)

[obenland]

No movement, let's look at it after 4.0.

[jcastaneda]

Tested, modified a little to suit the way most of the other twenty* themes format as well. Ran into the issue of when you chose not to have the text and tried to re-enable the text would not reappear. As it turns out it was the $header.hide() that was the culprit.

Tried with a child theme and no errors.

[DavidTheMachine]

Applied patch to Rev 29493, and verified that postMessage works as advertised.

[DavidTheMachine]

24128.2 applied relative to the root directory

[jcastaneda]

Yes, thank you for catching that.

[jartes]

Tested the patch and it seems the postMessage is working in the Customizer but I noticed that the padding-right applied by #branding .only-search + #access div ul rule is making the main menu smaller in smartphones: ​https://cloudup.com/iufYxgz6r01. Adding padding-right: 0 in the proper responsive rule will fix it.

[lancewillett]

@jartes Can you add a refreshed patch please?

[lancewillett]

Tested .4 patch and works as expected. Includes minor small-screen fix as mentioned by jartes -- adding a new rule for small screens solves it.

[lancewillett]

In 31971:

Twenty Eleven: add postMessage support for header_textcolor to improve the user experience in the Customizer.

Fixes #24128, props kovshenin, jcastaneda, and lancewillett.