Ticket #26527: 26527.2.diff

wp-admin/css/wp-admin.css

@@ -6483 +6483 @@
         padding: 15px 12px;
         text-align: center;
         border-radius: 3px;
+        text-decoration:none;
         -webkit-transition: opacity 0.1s ease-in-out;
         transition:         opacity 0.1s ease-in-out;
 }
 
-.theme-browser.rendered .theme:hover .more-details {
+.theme-browser.rendered .theme:hover .more-details,
+.theme-browser.rendered .theme .more-details:focus {
         opacity: 1;
 }
 

wp-admin/js/theme.js

@@ -233 +233 @@
                 }
 
                 this.trigger( 'theme:expand', self.model.cid );
+
+                event.preventDefault();
         },
 
         preventExpand: function() {
@@ -735 +737 @@
         };
 
         $(window).resize(function(){ tb_position(); });
+
+        // Make theme actions available via keyboard navigation.
+        $( '.theme-browser .theme .theme-actions a' ).on( 'focus', function() {
+                if ( $( this ).parent().parent().hasClass( 'active' ) === false ) {
+                        $( this ).parent().css( 'opacity', '1' );
+                }
+        } );
+
+        $( '.theme-browser .theme .theme-actions a' ).on( 'blur', function() {
+                if ( $( this ).parent().parent().hasClass( 'active' ) === false ) {
+                        $( this ).parent().css( 'opacity', '0' );
+                }
+        } );
 });

wp-admin/themes.php

@@ -200 +200 @@
         <?php } else { ?>
                 <div class="theme-screenshot blank"></div>
         <?php } ?>
-        <span class="more-details"><?php _e( 'Theme Details' ); ?></span>
+        <a class="more-details" href="<?php echo $theme['actions']['preview']; ?>"><?php _e( 'Theme Details' ); ?></a>
         <div class="theme-author"><?php printf( __( 'By %s' ), $theme['author'] ); ?></div>
 
         <?php if ( $theme['active'] ) { ?>
@@ -277 +277 @@
         <# } else { #>
                 <div class="theme-screenshot blank"></div>
         <# } #>
-        <span class="more-details"><?php _e( 'Theme Details' ); ?></span>
+        <a class="more-details" href="{{{ data.actions.preview }}}"><?php _e( 'Theme Details' ); ?></a>
         <div class="theme-author"><?php printf( __( 'By %s' ), '{{{ data.author }}}' ); ?></div>
         
         <# if ( data.active ) { #>