Ticket #39096: 39096.4.patch

wp-admin/css/color-picker.css

@@ -133 +133 @@
         box-shadow:
                 0 0 0 1px #5b9dd9,
                 0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+@media screen and ( max-width: 782px ) { 
+        .wp-picker-container input[type="text"].wp-color-picker {
+                margin-right: 6px;
+                padding: 3px 5px;
+        }
 }
+ No newline at end of file

wp-includes/customize/class-wp-customize-color-control.php

@@ -92 +92 @@
          */
         public function content_template() {
                 ?>
-                <# var defaultValue = '',
+                <# var defaultValue = '#RRGGBB', defaultValueAttr = '',
                         isHueSlider = data.mode === 'hue';
 
                 if ( data.defaultValue && ! isHueSlider ) {
@@ -101 +101 @@
                         } else {
                                 defaultValue = data.defaultValue;
                         }
-                        defaultValue = ' data-default-color=' + defaultValue; // Quotes added automatically.
+                        defaultValueAttr = ' data-default-color=' + defaultValue; // Quotes added automatically.
                 } #>
                 <label>
                         <# if ( data.label ) { #>
@@ -114 +114 @@
                                 <# if ( isHueSlider ) { #>
                                         <input class="color-picker-hue" type="text" data-type="hue" />
                                 <# } else { #>
-                                        <input class="color-picker-hex" type="text" maxlength="7" placeholder="<?php esc_attr_e( 'Hex Value' ); ?>" {{ defaultValue }} />
+                                        <input class="color-picker-hex" type="text" maxlength="7" placeholder="{{ defaultValue }}" {{ defaultValueAttr }} /> 
                                 <# } #>
                         </div>
                 </label>