Ticket #19616: customheader.diff

wp-admin/custom-header.php

@@ -328 +328 @@
                 jQuery('#name').css('color', color);
                 jQuery('#desc').css('color', color);
                 jQuery('#text-color').val(color);
+                jQuery('#link-color-example').css('background-color', color);
                 farbtastic.setColor(color);
         }
 
@@ -360 +361 @@
                 jQuery('#pickcolor').click(function() {
                         jQuery('#color-picker').show();
                 });
+                jQuery('#link-color-example').click( function(e) {
+                        jQuery('#color-picker').show();
+                        e.preventDefault();
+                });
 
                 jQuery('input[name="hidetext"]').click(function() {
                         toggle_text(this);
@@ -599 +604 @@
         <p>
                 <input type="text" name="text-color" id="text-color" value="#<?php echo esc_attr( get_theme_mod( 'header_textcolor', HEADER_TEXTCOLOR ) ); ?>" />
                 <span class="description hide-if-js"><?php _e( 'If you want to hide header text, add <strong>#blank</strong> as text color.' );?></span>
+                <a href="#" class="pickcolor hide-if-no-js" id="link-color-example"></a>
                 <input type="button" class="button hide-if-no-js" value="<?php esc_attr_e( 'Select a Color' ); ?>" id="pickcolor" />
         </p>
         <div id="color-picker" style="z-index: 100; background:#eee; border:1px solid #ccc; position:absolute; display:none;"></div>

wp-admin/css/wp-admin.dev.css

@@ -4521 +4521 @@
 .appearance_page_custom-header .available-headers label img {
         vertical-align: middle;
 }
+#link-color-example {
+        -moz-border-radius: 4px;
+        -webkit-border-radius: 4px;
+        border-radius: 4px;
+        border: 1px solid #dfdfdf;
+        margin: 0 7px 0 3px;
+        padding: 4px 14px;
+}
 
-
 /*------------------------------------------------------------------------------
   16.2 - Custom Background Screen
 ------------------------------------------------------------------------------*/