WordPress.org

Make WordPress Core

Ticket #22453: 22453.2.patch

File 22453.2.patch, 3.0 KB (added by ocean90, 17 months ago)
  • wp-includes/css/media-views-rtl.css

     
    1717.media-frame-toolbar > .media-toolbar { 
    1818        left: 0; 
    1919        right: 200px; 
    20         border-width: 1px 0 0 0; 
    2120} 
    2221 
    2322 
     
    5150        left: 0; 
    5251} 
    5352 
    54 .hide-sidebar .media-sidebar { 
    55         right: auto; 
    56         left: -300px; 
    57 } 
    58  
    5953.media-sidebar .setting { 
    6054        float: right; 
    6155} 
     
    10599} 
    106100 
    107101/** 
    108  * Attachment Browser Filters 
    109  */ 
    110 .media-frame select.attachment-filters { 
    111         margin-right: 0; 
    112         margin-left: 10px; 
    113 } 
    114  
    115 /** 
    116102 * Frame 
    117103 */ 
    118104.media-frame .region-content { 
    119         left: 300px; 
     105        left: 0; 
    120106        right: 200px; 
    121107} 
    122108 
    123 .media-frame.hide-sidebar .region-content { 
    124         right: 200px; 
    125         left: 0; 
     109/** 
     110 * Attachment Browser Filters 
     111 */ 
     112.media-frame select.attachment-filters { 
     113        margin-right: 0; 
     114        margin-left: 10px; 
    126115} 
    127116 
    128117/** 
     
    137126 * Attachments 
    138127 */ 
    139128.attachments { 
    140         margin: 0; 
    141129        padding-right: 0; 
    142130        padding-left: 16px; 
    143131} 
     
    149137        float: right; 
    150138} 
    151139 
    152 .attachment .icon, 
    153140.attachment .thumbnail { 
    154141        left: auto; 
    155142        right: 0; 
     
    166153} 
    167154 
    168155/** 
     156 * Attachments Browser 
     157 */ 
     158.attachments-browser .media-toolbar { 
     159        right: 0; 
     160        left: 300px; 
     161} 
     162 
     163.attachments-browser .attachments, 
     164.attachments-browser .uploader-inline { 
     165        right: 0; 
     166        left: 300px; 
     167} 
     168 
     169 
     170/** 
    169171 * Progress Bar 
    170172 */ 
    171173.attachment-preview .media-progress-bar { 
    172174        left: auto; 
    173175        right: 15%; 
    174         margin: -8px -4px 0 0; 
    175176} 
    176177 
     178.media-sidebar .media-uploader-status .upload-dismiss-errors { 
     179        right: auto; 
     180        left: 0; 
     181} 
     182 
     183.upload-errors .upload-error-label { 
     184        margin-right: 0; 
     185        margin-left: 8px; 
     186        float: right; 
     187        margin-top: -3px; 
     188} 
     189 
    177190/** 
    178191 * Selection 
    179192 */ 
     
    201214.media-selection:after { 
    202215        right: auto; 
    203216        left: 0; 
    204         background-image: -webkit-gradient(linear, left top, left top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) )); 
     217        background-image: -webkit-gradient(linear, left top, right top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) )); 
    205218        background-image: -webkit-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) ); 
    206219        background-image:    -moz-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) ); 
    207220        background-image:      -o-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) ); 
     
    241254        margin-left: 10px; 
    242255} 
    243256 
    244 .attachment-info .details { 
    245         float: right; 
    246 } 
    247  
     257.attachment-info .details, 
    248258.attachment-info .compat-meta { 
    249259        float: right; 
    250260} 
     
    271281.media-embed .setting { 
    272282        float: right; 
    273283} 
     284 
     285/** 
     286 * Responsive layout 
     287 */ 
     288@media only screen and (max-width: 900px) { 
     289        .media-frame .region-content, 
     290        .media-frame-toolbar > .media-toolbar { 
     291                left: 0; 
     292                right: 120px; 
     293        } 
     294 
     295        .attachments-browser .attachments, 
     296        .attachments-browser .uploader-inline, 
     297        .attachments-browser .media-toolbar { 
     298                right: 0; 
     299                left: 180px; 
     300        } 
     301}