Ticket #43614: 43614.3.diff

src/wp-admin/css/dashboard.css

@@ -148 +148 @@
 
 .try-gutenberg-panel .about-description {
         font-size: 16px;
-        margin-top: 1.33em;
 }
 
 .welcome-panel .welcome-panel-close,
@@ -186 +185 @@
 }
 
 .try-gutenberg-panel img {
-        max-width: 360px;
         width: 100%;
         border: 1px solid #f3f4f5;
 }
@@ -210 +208 @@
 }
 
 .try-gutenberg-panel .try-gutenberg-panel-column {
-        width: calc( 32% - 20px );
+        width: calc( 64% - 40px );
         padding: 0 20px 20px 0;
 }
 
+.try-gutenberg-panel .try-gutenberg-panel-image-column {
+        width: calc( 32% - 20px );
+}
+
 .ie8 .welcome-panel .welcome-panel-column,
 .ie8 .try-gutenberg-panel .try-gutenberg-panel-column {
         min-width: 230px;
@@ -234 +236 @@
         color: #444;
 }
 
+.try-gutenberg-panel-column p:last-of-type {
+        margin-top: 1.33em;
+}
+
 .welcome-panel .welcome-widgets-menus {
         line-height: 16px;
 }
@@ -1256 +1262 @@
         }
 
         .try-gutenberg-panel .try-gutenberg-panel-column {
-                width: calc( 49% - 20px );
+                width: calc( 98% - 20px );
         }
 }
 

src/wp-admin/includes/dashboard.php

@@ -1646 +1646 @@
         <div class="try-gutenberg-panel-content plugin-card-gutenberg">
                 <div class="try-gutenberg-panel-column-container">
                         <div class="try-gutenberg-panel-column try-gutenberg-panel-image-column">
-                                <img src="https://s.w.org/images/core/gutenberg-screenshot.gif?<?php echo date( 'Ymd' ); ?>" alt="<?php esc_attr_e( 'Gutenberg animated preview' ); ?>" />
+                                <picture>
+                                        <source srcset="about:blank" media="(max-width: 1024px)">
+                                        <img src="https://s.w.org/images/core/gutenberg-screenshot.gif?<?php echo date( 'Ymd' ); ?>" alt="<?php esc_attr_e( 'Gutenberg animated preview' ); ?>" />
+                                </picture>
                         </div>
-                        <h2><?php _e( 'Try the new editing experience' ); ?></h2>
                         <div class="try-gutenberg-panel-column">
-                                <p class="about-description"><?php _e( 'WordPress is working on a better way to control your content. How about giving it a try early?' ); ?></p>
+                                <h2><?php _e( 'Try the new editing experience' ); ?></h2>
+
+                                <p class="about-description"><?php _e( 'WordPress is working on a better way for you to control your content. Want to be one of the first to try the new editor?' ); ?></p>
+
                                 <?php if ( $action ) { ?>
                                         <p><a class="button button-primary button-hero<?php echo $classes; ?>" href="<?php echo esc_url( $url ); ?>"><?php echo $action; ?></a></p>
                                 <?php } ?>
-                        </div>
-                        <div class="try-gutenberg-panel-column try-gutenberg-panel-last">
-                                <h3><?php _e( 'Want to get involved?' ); ?></h3>
-                                <ul>
-                                        <li><?php
-                                                printf( __( 'Learn more about the project <a href="%s">codenamed Gutenberg</a>.' ),
+
+                                <p>
+                                        <?php
+                                                printf( __( '<a href="%s">Learn More</a>' ),
                                                         'https://wordpress.org/gutenberg/'
                                                 );
-                                        ?></li>
-                                        <li><?php
-                                                printf( __( 'Help <a href="%1$s">with testing</a>, or contribute on the <a href="%2$s">GitHub repository</a>.' ),
-                                                        __( 'https://make.wordpress.org/test/handbook/call-for-testing/gutenberg-testing/' ),
+                                        ?> |
+                                        <?php
+                                                printf( __( '<a href="%s">Get Support</a>' ),
+                                                        'https://wordpress.org/support/plugin/gutenberg/'
+                                                );
+                                        ?> |
+                                        <?php
+                                                printf( __( '<a href="%s">Report Issues</a>' ),
                                                         'https://github.com/WordPress/gutenberg/'
                                                 );
-                                        ?></li>
-                                </ul>
+                                        ?>
+                                </p>
                         </div>
                 </div>
         </div>