WordPress.org

Make WordPress Core

Changeset 32074


Ignore:
Timestamp:
04/08/2015 04:07:51 PM (4 years ago)
Author:
helen
Message:

Toolbar: Search item consistency for focus state and IE8.

props afercia.
fixes #31322.

Location:
trunk/src/wp-includes
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/css/admin-bar.css

    r32051 r32074  
    283283#wpadminbar li.hover .ab-icon:before,
    284284#wpadminbar li.hover .ab-item:before,
    285 #wpadminbar li:hover #adminbarsearch:before {
     285#wpadminbar li:hover #adminbarsearch:before,
     286#wpadminbar li #adminbarsearch.adminbar-focused:before {
    286287    color: #00b9eb;
    287288}
     
    388389}
    389390
     391#wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar .ab-item {
     392    white-space: nowrap;
     393}
     394
    390395#wpadminbar #wp-admin-bar-user-actions > li {
    391396    margin-left: 16px;
     
    437442}
    438443
    439 #wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
    440     width: 16px;
     444#wpadminbar #wp-admin-bar-my-account.with-avatar > a img {
     445    width: auto;
    441446    height: 16px;
    442447    padding: 0;
     
    448453    float: none;
    449454    display: inline;
     455}
     456
     457#wpadminbar.ie8 #wp-admin-bar-my-account.with-avatar > a img {
     458    width: auto;
    450459}
    451460
     
    553562 * Search
    554563 */
     564#wpadminbar.ie8 #wp-admin-bar-search {
     565    display: block;
     566    min-width: 32px;
     567}
    555568#wpadminbar #wp-admin-bar-search .ab-item {
    556569    padding: 0;
     
    562575    height: 32px;
    563576    padding: 0 2px;
     577    z-index: 1;
    564578}
    565579
     
    582596    height: 24px;
    583597    width: 24px;
     598    max-width: none;
    584599    padding: 0 3px 0 24px;
    585600    margin: 0;
     
    617632
    618633#wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input {
    619     margin-top: 4px;
    620     background-color: #464646;
     634    /* IE8 z-index bug with transparent / empty elements - fill in with an encoded transparent GIF */
     635    background: transparent 0 0 repeat scroll url("data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBR‌​AA7");
     636}
     637
     638/* IE8 doesn't redraw the pseudo elements unless you make a change to the content */
     639#wpadminbar.ie8 #adminbarsearch.adminbar-focused:before {
     640    content: '\f179 '; /* extra space */
    621641}
    622642
    623643#wpadminbar.ie8 > #wp-toolbar > #wp-admin-bar-top-secondary > #wp-admin-bar-search #adminbarsearch input.adminbar-input:focus {
    624     background-color: #fff;
     644    background: #fff;
     645    z-index: -1;
    625646}
    626647
  • trunk/src/wp-includes/js/admin-bar.js

    r31723 r32074  
    150150        });
    151151
     152        $( '#adminbar-search' ).on({
     153            focus: function() {
     154                $( '#adminbarsearch' ).addClass( 'adminbar-focused' );
     155            }, blur: function() {
     156                $( '#adminbarsearch' ).removeClass( 'adminbar-focused' );
     157            }
     158        } );
     159
    152160        // Empty sessionStorage on logging out
    153161        if ( 'sessionStorage' in window ) {
Note: See TracChangeset for help on using the changeset viewer.