Ticket #2780: readme-validator-markup-2780.diff

wordpress.org/public_html/wp-content/plugins/plugin-directory/shortcodes/class-readme-validator.php

@@ -11 +11 @@
         public static function display() {
                 ?>
                 <div class="wrap">
-                        <h2><?php _e( 'WordPress Plugin readme.txt Validator', 'wporg-plugins' ); ?></h2>
-
                         <?php
                         if ( $_POST ) {
                                 self::validate_readme();
@@ -76 +74 @@
                 );
                 foreach ( $error_types as $field => $warning_label ) {
                         if ( ! empty( $errors[ $field ] ) ) {
-                                $output .= "{$warning_label}\n<ul class='{$field} error'>\n";
+                                if ( 'errors' === $field ) {
+                                        $class = 'error';
+                                } elseif ( 'warnings' === $field ) {
+                                        $class = 'warning';
+                                } else {
+                                        $class = 'info';
+                                }
+
+                                $output .= "<h3>{$warning_label}</h3>\n";
+                                $output .= "<div class='notice notice-{$class} notice-alt'>\n";
+                                $output .= "<ul class='{$field}'>\n";
                                 foreach ( $errors[ $field ] as $notice ) {
                                         $output .= "<li>{$notice}</li>\n";
                                 }
                                 $output .= "</ul>\n";
+                                $output .= "</div>\n";
                         }
                 }
 

wordpress.org/public_html/wp-content/themes/pub/wporg-plugins/client/styles/objects/_notices.scss

@@ -11 +11 @@
                 padding: 2px;
         }
 
+        ul {
+                list-style: none;
+                margin: 0.5em;
+        }
+
         &.notice-alt {
                 box-shadow: none;
         }
@@ -50 +55 @@
         &.notice-info.notice-alt {
                 background-color: #e5f5fa;
         }
-}
- No newline at end of file
+}