Ticket #27521: 27521.4.diff

src/wp-admin/css/colors/_admin.scss

@@ -439 +439 @@
 
 body.more-filters-opened .more-filters,
 body.more-filters-opened .more-filters:before {
+        color: $menu-text;
+        background-color: $menu-background;
+}
+
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus,
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+        background-color: $menu-highlight-background;
         color: $menu-highlight-text;
-        background-color: $menu-highlight-background;
 }
 
+
 /* jQuery UI Slider */
 
 .wp-slider .ui-slider-handle,

src/wp-admin/css/common.css

@@ -1838 +1838 @@
         line-height: 18px;
         font-size: 14px;
         text-decoration: none;
+        -webkit-transition: none;
         transition: none;
 }
 

src/wp-admin/css/customize-controls.css

@@ -469 +469 @@
 
 #customize-control-header_image .current .container {
         overflow: hidden;
+        -webkit-border-radius: 2px;
         border-radius: 2px;
 }
 
@@ -526 +527 @@
 
 #customize-control-header_image .random.placeholder {
         cursor: pointer;
+        -webkit-border-radius: 2px;
         border-radius: 2px;
         height: 40px;
 }
@@ -536 +538 @@
 
 #customize-control-header_image .placeholder:hover .dice {
         -webkit-animation: dice-color-change 3s infinite;
-        -moz-animation: dice-color-change 3s infinite;
         -ms-animation: dice-color-change 3s infinite;
         animation: dice-color-change 3s infinite;
 }
@@ -548 +549 @@
         100% { color: #d4b146; }
 }
 
-@-moz-keyframes dice-color-change {
-        0% { color: #d4b146; }
-        50% { color: #ef54b0; }
-        75% { color: #7190d3; }
-        100% { color: #d4b146; }
-}
-
 @-ms-keyframes dice-color-change {
         0% { color: #d4b146; }
         50% { color: #ef54b0; }
@@ -598 +592 @@
 
 #customize-control-header_image img {
         width: 100%;
+        -webkit-border-radius: 2px;
         border-radius: 2px;
 }
 

src/wp-admin/css/themes.css

@@ -40 +40 @@
         top: -3px;
 }
 
+.theme-navigation a{
+        text-decoration:none;
+}
+
 /* Position admin messages */
 .themes-php div.updated,
 .themes-php div.error {
@@ -1067 +1071 @@
 
 .theme-navigation {
         background: #fff;
+        -webkit-box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
         box-shadow: 0 1px 1px 0 rgba(0,0,0,.1);
         -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
         color: #555;
         display: inline-block;
@@ -1091 +1097 @@
 }
 .upload-theme {
         -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
         display: none;
         margin: 0px 0 0;
@@ -1155 +1162 @@
         display: inline-block;
         margin: 0 10px;
         padding: 4px 6px;
-        -moz-transition: color .1s ease-in, background .1s ease-in;
         -webkit-transition: color .1s ease-in, background .1s ease-in;
         transition: color .1s ease-in, background .1s ease-in;
 }
 body.more-filters-opened .more-filters,
 body.more-filters-opened .more-filters:before {
-        background: rgb(46, 162, 204);
+        background: #777;
+        -webkit-border-radius: 2px;
         border-radius: 2px;
         border: none;
         color: #fff;
+        -webkit-transition: color .1s ease-in, background .1s ease-in;
+        transition: color .1s ease-in, background .1s ease-in;
 }
+body.more-filters-opened .more-filters:hover,
+body.more-filters-opened .more-filters:focus,
+body.more-filters-opened .more-filters:hover:before,
+body.more-filters-opened .more-filters:focus:before {
+        background: rgb(46, 162, 204);
+}
+
 .theme-install-php .theme-search {
         position: absolute;
         right: 10px;
@@ -1191 +1207 @@
         font-weight: normal;
         font-style: normal;
         vertical-align: top;
-        -moz-transition: color .1s ease-in 0;
         -webkit-transition: color .1s ease-in 0;
         transition: color .1s ease-in 0;
         text-align: center;
@@ -1211 +1226 @@
 }
 .more-filters-container .filters-group {
         -moz-box-sizing: border-box;
+        -webkit-box-sizing: border-box;
         box-sizing: border-box;
         float: left;
         width: 20%;

src/wp-admin/js/theme.js

@@ -269 +269 @@
         expand: function( event ) {
                 var self = this;
 
+
                 event = event || window.event;
 
                 // 'enter' and 'space' keys expand the details view when a theme is :focused
@@ -303 +304 @@
                         return this.touchDrag = false;
                 }
 
+                // 'enter' and 'space' keys expand the details view when a theme is :focused
+                if ( event.type === 'keydown' && ( event.which !== 13 && event.which !== 32 ) ) {
+                        return;
+                }
+
                 event.preventDefault();
 
                 event = event || window.event;
@@ -799 +805 @@
         search: function( event ) {
                 var options = {};
 
+
                 // Clear on escape.
                 if ( event.type === 'keyup' && event.which === 27 ) {
                         event.target.value = '';
@@ -932 +939 @@
 
         // Handles Ajax request for searching through themes in public repo
         search: function( event ) {
+
+                // Tabbing into the search input shouldn't trigger a search
+                if ( event.type === 'keyup' && event.which === 9 ) {
+                        return;
+                }
+
                 this.collection = this.options.parent.view.collection;
 
                 // Clear on escape.
@@ -1085 +1098 @@
                 var $el = $( event.target ),
                         sort = $el.data( 'sort' );
 
+                // links that trigger sort have a # as the href, we don't want to add that to the url
+                event.preventDefault();
+
                 // Bail if this is already active
                 if ( $el.hasClass( this.activeClass ) ) {
                         return;

src/wp-admin/theme-install.php

@@ -104 +104 @@
 <div class="wrap">
         <h2>
                 <?php echo esc_html( $title ); ?>
-                <a class="upload add-new-h2"><?php _e( 'Upload Theme' ); ?></a>
-                <a class="browse-themes add-new-h2"><?php _ex( 'Browse', 'themes' ); ?></a>
+                <a href="#" class="upload add-new-h2"><?php _e( 'Upload Theme' ); ?></a>
+                <a href="#" class="browse-themes add-new-h2"><?php _ex( 'Browse', 'themes' ); ?></a>
         </h2>
 
         <div class="upload-theme">
@@ -114 +114 @@
 
         <div class="theme-navigation">
                 <span class="theme-count"></span>
-                <span class="theme-section current" data-sort="featured"><?php _ex( 'Featured', 'themes' ); ?></span>
-                <span class="theme-section" data-sort="popular"><?php _ex( 'Popular', 'themes' ); ?></span>
-                <span class="theme-section" data-sort="new"><?php _ex( 'Latest', 'themes' ); ?></span>
+                <a class="theme-section current" href="#" data-sort="featured"><?php _ex( 'Featured', 'themes' ); ?></a>
+                <a class="theme-section" href="#" data-sort="popular"><?php _ex( 'Popular', 'themes' ); ?></a>
+                <a class="theme-section" href="#" data-sort="new"><?php _ex( 'Latest', 'themes' ); ?></a>
                 <div class="theme-top-filters">
                         <!--<span class="theme-filter" data-filter="photoblogging">Photography</span>
                         <span class="theme-filter" data-filter="responsive-layout">Responsive</span>-->
-                        <span class="more-filters"><?php _e( 'Feature Filter' ); ?></span>
+                        <a class="more-filters" href="#"><?php _e( 'Feature Filter' ); ?></a>
                 </div>
                 <div class="more-filters-container">
                 <?php

src/wp-includes/css/editor.css

@@ -197 +197 @@
         background: #eee;
         background-image: -webkit-gradient(linear, left bottom, left top, from(#f6f6f6), to(#e3e3e3));
         background-image: -webkit-linear-gradient(bottom, #f6f6f6, #e3e3e3);
-        background-image:    -moz-linear-gradient(bottom, #f6f6f6, #e3e3e3);
-        background-image:      -o-linear-gradient(bottom, #f6f6f6, #e3e3e3);
         background-image: linear-gradient(to top, #f6f6f6, #e3e3e3);
 }
 
@@ -933 +931 @@
         top: 50%;
         left: 50%;
         z-index: 100105;
+        -webkit-transition: height 0.2s, margin-top 0.2s;
         transition: height 0.2s, margin-top 0.2s;
 }
 
@@ -1153 +1152 @@
 #wp-link .item-title {
         display: inline-block;
         width: 80%;
+        width: -webkit-calc(100% - 68px);
         width: calc(100% - 68px);
 }
 
@@ -1243 +1243 @@
 
 @media screen and ( max-height: 520px ) {
         #wp-link-wrap {
+                -webkit-transition: none;
                 transition: none;
         }
 
@@ -1272 +1273 @@
 
         #link-selector {
                 overflow: auto;
+                height: -webkit-calc(100% - 92px);
                 height: calc(100% - 92px);
                 padding-bottom: 2px;
         }