Ticket #37417: 37417.9.diff

src/wp-admin/css/customize-nav-menus.css

@@ -41 +41 @@
         margin-right: 0;
 }
 
+.wp-customizer .item-title .view-link:before {
+        content: "\f177";
+        font: 20px/11px dashicons;
+        color: #555;
+        top: 4px;
+        position: relative;
+        margin-left: 4px;
+}
+
+.wp-customizer .item-title .view-link:hover:before,
+.wp-customizer .item-title .view-link:focus:before {
+        color: #0073aa;
+}
+
 .wp-customizer .menu-item-handle .item-type {
         padding: 1px 21px 0 5px;
         float: right;

src/wp-admin/js/customize-nav-menus.js

@@ -1071 +1071 @@
                         var control = this;
 
                         this.container.find( '.menu-item-handle' ).on( 'click', function( e ) {
+                                if ( $( e.target ).hasClass( 'view-link' ) ) {
+                                        return;
+                                }
                                 e.preventDefault();
                                 e.stopPropagation();
                                 var menuControl = control.getMenuControl();
@@ -1246 +1249 @@
                 _setupLinksUI: function() {
                         var $origBtn;
 
-                        // Configure original link.
-                        $origBtn = this.container.find( 'a.original-link' );
+                        // Configure original link and view links.
+                        $origBtn = this.container.find( 'a.original-link, a.view-link' );
 
                         $origBtn.on( 'click', function( e ) {
                                 e.preventDefault();

src/wp-includes/customize/class-wp-customize-nav-menu-item-control.php

@@ -70 +70 @@
                                 <span class="item-title" aria-hidden="true">
                                         <span class="spinner"></span>
                                         <span class="menu-item-title<# if ( ! data.title ) { #> no-title<# } #>">{{ data.title || wp.customize.Menus.data.l10n.untitled }}</span>
+                                        <# if ( 'post_type' === data.item_type || 'taxonomy' === data.item_type ) { #>
+                                                <a class="view-link" href="{{ data.url }}"><span class="screen-reader-text"><?php printf( __( 'Preview %s' ), '{{ data.original_title }}' ); ?></span></a>
+                                        <# } #>
                                 </span>
                                 <span class="item-controls">
                                         <button type="button" class="button-link item-edit" aria-expanded="false"><span class="screen-reader-text"><?php