Ticket #38668: 38668.0.diff

src/wp-includes/class-wp-customize-manager.php

@@ -1230 +1230 @@
                 add_filter( 'wp_redirect', array( $this, 'add_state_query_params' ) );
 
                 wp_enqueue_script( 'customize-preview' );
-                add_action( 'wp_head', array( $this, 'customize_preview_loading_style' ) );
                 add_action( 'wp_footer', array( $this, 'customize_preview_settings' ), 20 );
                 add_filter( 'get_edit_post_link', '__return_empty_string' );
 
@@ -1341 +1340 @@
          * Print CSS for loading indicators for the Customizer preview.
          *
          * @since 4.2.0
-         * @access public
+         * @deprecated 4.7.0 Moved to `customize-preview.css`.
          */
         public function customize_preview_loading_style() {
-                ?><style>
-                        body.wp-customizer-unloading {
-                                opacity: 0.25;
-                                cursor: progress !important;
-                                -webkit-transition: opacity 0.5s;
-                                transition: opacity 0.5s;
-                        }
-                        body.wp-customizer-unloading * {
-                                pointer-events: none !important;
-                        }
-                        form.customize-unpreviewable,
-                        form.customize-unpreviewable input,
-                        form.customize-unpreviewable select,
-                        form.customize-unpreviewable button,
-                        a.customize-unpreviewable,
-                        area.customize-unpreviewable {
-                                cursor: not-allowed !important;
-                        }
-                </style><?php
+                _deprecated_function( __FUNCTION__, '4.7.0' );
         }
 
         /**

src/wp-includes/css/customize-preview.css

@@ +1 @@
+body.wp-customizer-unloading {
+        opacity: 0.25;
+        cursor: progress !important;
+        -webkit-transition: opacity 0.5s;
+        transition: opacity 0.5s;
+}
+body.wp-customizer-unloading * {
+        pointer-events: none !important;
+}
+form.customize-unpreviewable,
+form.customize-unpreviewable input,
+form.customize-unpreviewable select,
+form.customize-unpreviewable button,
+a.customize-unpreviewable,
+area.customize-unpreviewable {
+        cursor: not-allowed !important;
+}
+
+.screen-reader-text {
+        position: absolute !important;
+        clip: rect(1px, 1px, 1px, 1px);
+        overflow: hidden;
+        height: 1px;
+        width: 1px;
+}
+.screen-reader-text:hover,
+.screen-reader-text:active,
+.screen-reader-text:focus {
+        background: #fff;
+        border: 2px solid #333;
+        border-radius: 3px;
+        clip: auto !important;
+        color: #000;
+        display: block;
+        font-size: 12px;
+        height: auto;
+        padding: 12px;
+        position: absolute;
+        top: 5px;
+        left: 5px;
+        width: auto;
+        z-index: 100000; /* Above WP toolbar */
+}
+
 .customize-partial-refreshing {
         opacity: 0.25;
         -webkit-transition: opacity 0.25s;