Ticket #31233: 31233.3.diff

src/wp-admin/css/common.css

@@ -1280 +1280 @@
         padding: 1px 12px;
 }
 
+div.dismiss {
+        overflow: hidden;
+}
+
+div.dismiss .hide {
+        float: right;
+}
+
 .notice p,
 div.updated p,
 div.error p,
-.form-table td .notice p {
+.form-table td .notice p,
+div.dismiss .hide {
         margin: 0.5em 0;
         padding: 2px;
 }

src/wp-admin/edit-form-advanced.php

@@ -410 +410 @@
 <div id="notice" class="notice notice-warning"><p id="has-newer-autosave"><?php echo $notice ?></p></div>
 <?php endif; ?>
 <?php if ( $message ) : ?>
-<div id="message" class="updated"><p><?php echo $message; ?></p></div>
+<div id="message" class="updated dismiss"><p><?php echo $message; ?></p></div>
 <?php endif; ?>
 <div id="lost-connection-notice" class="error hidden">
         <p><span class="spinner"></span> <?php _e( '<strong>Connection lost.</strong> Saving has been disabled until you&#8217;re reconnected.' ); ?>

src/wp-admin/js/common.js

@@ -373 +373 @@
         $firstHeading.nextAll( 'div.updated, div.error, div.notice' ).addClass( 'below-h2' );
         $( 'div.updated, div.error, div.notice' ).not( '.below-h2, .inline' ).insertAfter( $firstHeading );
 
+        // Make notices dismissible
+        $( 'div.dismiss' ).each(function(){
+                var $this = $(this),
+                        $anchor = $( '<a href="#" class="hide"><span class="dashicons dashicons-no"></span><span class="screen-reader-text"></span></a>' ),
+                        hide = commonL10n.hide || '';
+
+                // Ensure plain text
+                $anchor.find('.screen-reader-text').text( hide );
+
+                $this.prepend( $anchor );
+
+                $anchor.on( 'click.wp-dismiss-notice', function( event ) {
+                        event.preventDefault();
+                        $this.remove();
+                });
+        });
+
         // Init screen meta
         screenMeta.init();
 

src/wp-includes/script-loader.php

@@ -79 +79 @@
 
         $scripts->add( 'common', "/wp-admin/js/common$suffix.js", array('jquery', 'hoverIntent', 'utils'), false, 1 );
         did_action( 'init' ) && $scripts->localize( 'common', 'commonL10n', array(
-                'warnDelete' => __("You are about to permanently delete the selected items.\n  'Cancel' to stop, 'OK' to delete.")
+                'warnDelete' => __( "You are about to permanently delete the selected items.\n  'Cancel' to stop, 'OK' to delete." ),
+                'hide'       => __( 'Hide' )
         ) );
 
         $scripts->add( 'wp-a11y', "/wp-includes/js/wp-a11y$suffix.js", array( 'jquery' ), false, 1 );