Ticket #31233: 31233.right.diff

src/wp-admin/css/common.css

@@ -1258 +1258 @@
 .notice,
 div.updated,
 div.error {
+        position: relative;
         background: #fff;
         border-left: 4px solid #fff;
         -webkit-box-shadow: 0 1px 1px 0 rgba( 0, 0, 0, 0.1 );
@@ -1292 +1293 @@
     border-color: #00a0d2;
 }
 
+.notice .hide,
+div.updated .hide,
+div.error .hide {
+        display: block;
+        position: absolute;
+        top: 10px;
+        right: 15px;
+}
+
 .wrap .notice,
 .wrap div.updated,
 .wrap div.error,

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 dismissable
+        $( 'div.updated, div.error, div.notice' ).each(function(){
+                var $this = $(this),
+                        text = commonL10n.hide || '',
+                        $hide = $('<a href="#" class="hide"></a>');
+
+                // Ensure plain text
+                $hide.text( text );
+
+                $this.append( $hide );
+
+                $hide.on('click', function(e){
+                        e.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 );