Ticket #31233: 31233.7.diff

src/wp-admin/css/common.css

@@ -1280 +1280 @@
         padding: 1px 12px;
 }
 
+.wrap div.dismiss {
+        padding-right: 38px;
+        position: relative;
+}
+
+.wrap div.dismiss button.close {
+        background: none;
+        border: none;
+        color: #bbb;
+        margin: 2px;
+        padding: 0.5em;
+        position: absolute;
+        right: 0;
+        top: 0;
+}
+
+@-moz-document url-prefix() {
+        .wrap div.dismiss button.close {
+                right: 1px;
+                top: 1px;
+        }
+}
+
+.wrap div.dismiss button.close:hover {
+        color: #c00;
+        cursor: pointer;
+}
+
 .notice p,
 div.updated p,
 div.error p,
@@ -3129 +3157 @@
                 line-height: 175%;
         }
 
+        .wrap div.dismiss {
+                padding-right: 46px;
+        }
+
+        .wrap div.dismiss button.close {
+                margin: 6px;
+        }
+
         .wrap .icon32 + h2 {
                 margin-top: -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 ),
+                        $button = $( '<button class="close hide-if-no-js"><span class="dashicons dashicons-dismiss"><span class="screen-reader-text"></span></span></button>' ),
+                        btnText = commonL10n.dismiss || '';
+
+                // Ensure plain text
+                $button.find( '.screen-reader-text' ).text( btnText );
+
+                $this.append( $button );
+
+                $button.on( 'click, '.wp-dismiss-notice', function( event ) {
+                        event.preventDefault();
+                        $this.fadeOut( 200 );
+                });
+        });
+
         // 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." ),
+                'dismiss'    => __( 'Dismiss this notice.' )
         ) );
 
         $scripts->add( 'wp-a11y', "/wp-includes/js/wp-a11y$suffix.js", array( 'jquery' ), false, 1 );