Changeset 27804
- Timestamp:
- 03/28/2014 03:15:30 AM (11 years ago)
- Location:
- trunk/src/wp-admin
- Files:
-
- 4 edited
Legend:
- Unmodified
- Added
- Removed
-
trunk/src/wp-admin/css/colors/_admin.scss
r27784 r27804 440 440 body.more-filters-opened .more-filters, 441 441 body.more-filters-opened .more-filters:before { 442 color: $menu-text; 443 background-color: $menu-background; 444 } 445 446 body.more-filters-opened .more-filters:hover, 447 body.more-filters-opened .more-filters:focus, 448 body.more-filters-opened .more-filters:hover:before, 449 body.more-filters-opened .more-filters:focus:before { 450 background-color: $menu-highlight-background; 442 451 color: $menu-highlight-text; 443 background-color: $menu-highlight-background; 444 } 452 } 453 445 454 446 455 /* jQuery UI Slider */ -
trunk/src/wp-admin/css/themes.css
r27790 r27804 39 39 position: relative; 40 40 top: -3px; 41 } 42 43 .theme-navigation a { 44 text-decoration:none; 41 45 } 42 46 … … 98 102 } 99 103 100 /* Activate and Customize buttons, shown on hover */104 /* Activate and Customize buttons, shown on hover and focus */ 101 105 .theme-browser .theme .theme-actions { 102 106 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; … … 113 117 } 114 118 115 .theme-browser .theme:hover .theme-actions { 119 .theme-browser .theme:hover .theme-actions, 120 .theme-browser .theme.focus .theme-actions, 121 .theme-browser .theme:focus .theme-actions { 116 122 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 117 123 opacity: 1; … … 158 164 } 159 165 160 .theme-browser .theme:hover .theme-screenshot { 166 .theme-browser .theme:hover .theme-screenshot, 167 .theme-browser .theme:focus .theme-screenshot { 161 168 background: #fff; 162 169 } 163 170 164 .theme-browser.rendered .theme:hover .theme-screenshot img { 171 .theme-browser.rendered .theme:hover .theme-screenshot img, 172 .theme-browser.rendered .theme:focus .theme-screenshot img { 165 173 opacity: 0.4; 166 174 } … … 190 198 outline: 1px dotted #222; 191 199 } 192 /* Hide shortcut actions and hover feedback when using tab navigation */ 193 .theme-browser .theme:focus .theme-actions { 194 display: none; 195 } 196 /* Restore display of theme controls if you hover a focused theme */ 197 .theme-browser .theme:focus:hover .theme-actions { 198 display: block; 199 } 200 200 201 .theme-browser .theme:focus .more-details { 201 202 opacity: 1; … … 206 207 } 207 208 208 .theme-browser.rendered .theme:hover .more-details { 209 .theme-browser.rendered .theme:hover .more-details, 210 .theme-browser.rendered .theme:focus .more-details { 209 211 -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; 210 212 opacity: 1; … … 360 362 } 361 363 362 .theme-browser .theme.add-new-theme:hover .theme-screenshot { 364 .theme-browser .theme.add-new-theme:hover .theme-screenshot, 365 .theme-browser .theme.add-new-theme:focus .theme-screenshot { 363 366 background: none; 364 367 } 365 368 366 .theme-browser .theme.add-new-theme:hover span:after { 369 .theme-browser .theme.add-new-theme:hover span:after, 370 .theme-browser .theme.add-new-theme:focus span:after { 367 371 background: #fff; 368 372 color: #0074a2; 369 373 } 370 374 371 .theme-browser .theme.add-new-theme:hover:after { 375 .theme-browser .theme.add-new-theme:hover:after, 376 .theme-browser .theme.add-new-theme:focus:after { 372 377 border-color: transparent; 373 378 color: #fff; … … 388 393 } 389 394 390 .theme-browser .theme.add-new-theme:hover .theme-name { 395 .theme-browser .theme.add-new-theme:hover .theme-name, 396 .theme-browser .theme.add-new-theme:focus .theme-name { 391 397 color: #fff; 392 398 z-index: 2; … … 955 961 956 962 .theme:not(.active):hover .theme-actions, 957 .theme:hover .more-details { 963 .theme:not(.active):focus .theme-actions, 964 .theme:hover .more-details, 965 .theme:focus .more-details { 958 966 display: none; 959 967 } 960 968 961 .theme-browser.rendered .theme:hover .theme-screenshot img { 969 .theme-browser.rendered .theme:hover .theme-screenshot img, 970 .theme-browser.rendered .theme:focus .theme-screenshot img { 962 971 opacity: 1.0; 963 972 } … … 1164 1173 body.more-filters-opened .more-filters, 1165 1174 body.more-filters-opened .more-filters:before { 1166 background: rgb(46, 162, 204);1175 background: #777; 1167 1176 -webkit-border-radius: 2px; 1168 1177 border-radius: 2px; 1169 1178 border: none; 1170 1179 color: #fff; 1171 } 1180 -webkit-transition: color .1s ease-in, background .1s ease-in; 1181 transition: color .1s ease-in, background .1s ease-in; 1182 } 1183 1184 body.more-filters-opened .more-filters:hover, 1185 body.more-filters-opened .more-filters:focus, 1186 body.more-filters-opened .more-filters:hover:before, 1187 body.more-filters-opened .more-filters:focus:before { 1188 background: rgb(46, 162, 204); 1189 } 1190 1172 1191 .theme-install-php .theme-search { 1173 1192 position: absolute; -
trunk/src/wp-admin/js/theme.js
r27744 r27804 236 236 'keydown': themes.isInstall ? 'preview': 'expand', 237 237 'touchend': themes.isInstall ? 'preview': 'expand', 238 'keyup': 'addFocus', 238 239 'touchmove': 'preventExpand' 239 240 }, … … 265 266 }, 266 267 268 // Add class of focus to the theme we are focused on. 269 addFocus: function() { 270 var $themeToFocus = ( $( ':focus' ).hasClass( 'theme' ) ) ? $( ':focus' ) : $(':focus').parents('.theme'); 271 272 $('.theme.focus').removeClass('focus'); 273 $themeToFocus.addClass('focus'); 274 }, 275 267 276 // Single theme overlay screen 268 277 // It's shown when clicking a theme … … 302 311 if ( this.touchDrag === true ) { 303 312 return this.touchDrag = false; 313 } 314 315 // 'enter' and 'space' keys expand the details view when a theme is :focused 316 if ( event.type === 'keydown' && ( event.which !== 13 && event.which !== 32 ) ) { 317 return; 318 } 319 320 // pressing enter while focused on the buttons shouldn't open the preview 321 if ( event.type === 'keydown' && event.which !== 13 && $( ':focus' ).hasClass( 'button' ) ) { 322 return; 304 323 } 305 324 … … 933 952 // Handles Ajax request for searching through themes in public repo 934 953 search: function( event ) { 954 955 // Tabbing or reverse tabbing into the search input shouldn't trigger a search 956 if ( event.type === 'keyup' && ( event.which === 9 || event.which === 16 ) ) { 957 return; 958 } 959 935 960 this.collection = this.options.parent.view.collection; 936 961 … … 1086 1111 sort = $el.data( 'sort' ); 1087 1112 1113 event.preventDefault(); 1114 1088 1115 // Bail if this is already active 1089 1116 if ( $el.hasClass( this.activeClass ) ) { -
trunk/src/wp-admin/theme-install.php
r27646 r27804 105 105 <h2> 106 106 <?php echo esc_html( $title ); ?> 107 <a class="upload add-new-h2"><?php _e( 'Upload Theme' ); ?></a>108 <a class="browse-themes add-new-h2"><?php _ex( 'Browse', 'themes' ); ?></a>107 <a href="#" class="upload add-new-h2"><?php _e( 'Upload Theme' ); ?></a> 108 <a href="#" class="browse-themes add-new-h2"><?php _ex( 'Browse', 'themes' ); ?></a> 109 109 </h2> 110 110 … … 115 115 <div class="theme-navigation"> 116 116 <span class="theme-count"></span> 117 < span class="theme-section current" data-sort="featured"><?php _ex( 'Featured', 'themes' ); ?></span>118 < span class="theme-section" data-sort="popular"><?php _ex( 'Popular', 'themes' ); ?></span>119 < span class="theme-section" data-sort="new"><?php _ex( 'Latest', 'themes' ); ?></span>117 <a class="theme-section current" href="#" data-sort="featured"><?php _ex( 'Featured', 'themes' ); ?></a> 118 <a class="theme-section" href="#" data-sort="popular"><?php _ex( 'Popular', 'themes' ); ?></a> 119 <a class="theme-section" href="#" data-sort="new"><?php _ex( 'Latest', 'themes' ); ?></a> 120 120 <div class="theme-top-filters"> 121 121 <!--<span class="theme-filter" data-filter="photoblogging">Photography</span> 122 122 <span class="theme-filter" data-filter="responsive-layout">Responsive</span>--> 123 < span class="more-filters"><?php _e( 'Feature Filter' ); ?></span>123 <a class="more-filters" href="#"><?php _e( 'Feature Filter' ); ?></a> 124 124 </div> 125 125 <div class="more-filters-container">
Note: See TracChangeset
for help on using the changeset viewer.