WordPress.org

Make WordPress Core

Changeset 45417


Ignore:
Timestamp:
05/25/2019 05:14:29 PM (2 years ago)
Author:
afercia
Message:

Accessibility: Improve toggling the "Post locked" information visibility.

  • effectively hides the "Post locked" information from assistive technologies
  • when a post is locked, reveals the "Post locked" information without CSS animation
  • the height CSS animation didn't work anyways after [24906]

See #24553.
Fixes #44946.

Location:
trunk/src
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/js/_enqueues/admin/inline-edit-post.js

    r43577 r45417  
    530530            }
    531531        } else if ( row.hasClass('wp-locked') ) {
    532             // Make room for the CSS animation
    533             row.removeClass('wp-locked').delay(1000).find('.locked-info span').empty();
     532            row.removeClass( 'wp-locked' ).find( '.locked-info span' ).empty();
    534533        }
    535534    });
  • trunk/src/wp-admin/css/list-tables.css

    r44973 r45417  
    538538}
    539539
    540 tr.wp-locked .locked-indicator {
     540.locked-indicator {
     541    display: none;
    541542    margin-left: 6px;
    542543    height: 20px;
     
    544545}
    545546
    546 tr.wp-locked .locked-indicator-icon:before {
     547.locked-indicator-icon:before {
    547548    color: #82878c;
    548549    content: "\f160";
     
    555556}
    556557
     558.locked-info {
     559    display: none;
     560    margin-top: 4px;
     561}
     562
     563.locked-text {
     564    vertical-align: top;
     565}
     566
     567.wp-locked .locked-indicator,
     568.wp-locked .locked-info {
     569    display: block;
     570}
     571
    557572tr.wp-locked .check-column label,
    558573tr.wp-locked .check-column input[type="checkbox"],
     
    560575tr.wp-locked .row-actions .trash {
    561576    display: none;
    562 }
    563 
    564 tr .locked-info {
    565     height: 0;
    566     opacity: 0;
    567 }
    568 
    569 tr.wp-locked .locked-info {
    570     margin-top: 4px;
    571     height: auto;
    572     opacity: 1;
    573 }
    574 
    575 .locked-text {
    576     vertical-align: top;
    577 }
    578 
    579 tr.locked-info, tr.wp-locked .locked-info {
    580     transition: height 1s, opacity 0.5s;
    581577}
    582578
Note: See TracChangeset for help on using the changeset viewer.