Make WordPress Core

Ticket #28820: 28820.2.patch

File 28820.2.patch, 1009 bytes (added by afercia, 10 years ago)

Focus style for MediaElement.js embeds and controls

  • src/wp-includes/css/media-views.css

     
    17861786        overflow: auto;
    17871787}
    17881788
     1789.media-embed .embed-link-settings {
     1790        /* avoid FF to give focus to the embed preview container parent */
     1791        overflow: visible;
     1792}
     1793
    17891794.embed-preview img,
    17901795.embed-preview iframe,
    1791 .embed-preview embed {
     1796.embed-preview embed,
     1797.mejs-container video {
    17921798        max-width: 100%;
     1799        vertical-align: middle;
    17931800}
    17941801
    17951802.embed-preview a {
     
    18011808        height: auto;
    18021809}
    18031810
     1811.mejs-container:focus {
     1812        outline: 1px solid #5b9dd9;
     1813        -webkit-box-shadow:
     1814                0 0 2px 1px rgba(30, 140, 190, .8);
     1815        box-shadow:
     1816                0 0 2px 1px rgba(30, 140, 190, .8);
     1817}
     1818
     1819.mejs-container :focus {
     1820        outline: 2px solid yellow !important;
     1821}
     1822
     1823.mejs-container :focus:active {
     1824        outline: 0 !important;
     1825}
     1826
    18041827.image-details .media-modal {
    18051828        left: 140px;
    18061829        right: 140px;