Make WordPress Core

Changeset 22947


Ignore:
Timestamp:
11/30/2012 01:34:16 PM (12 years ago)
Author:
ryan
Message:

RTL fixes for media and color picker.

Props ocean90
see #22453

Location:
trunk
Files:
2 added
3 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/color-picker.css

    r22798 r22947  
    22    width: 80px;
    33}
     4
    45.wp-picker-container .hidden {
    56    display: none;
    67}
     8
    79.wp-color-result {
    810    background-color: #f9f9f9;
     
    2325    padding-left: 30px;
    2426}
     27
    2528.wp-color-result:after {
    2629    background: #f3f3f3;
     
    4043    padding: 0 6px;
    4144    position: relative;
    42     right: 0px;
     45    right: 0;
    4346    text-align: center;
    44     top: 0px;
     47    top: 0;
    4548}
     49
    4650.wp-color-result:hover {
    4751    border-color: #aaa;
    48     box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    49     -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    50     -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    51     -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
    52     -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1);
     52    -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
     53    box-shadow: 0 1px 1px rgba( 0, 0, 0, 0.1 );
    5354}
     55
    5456.wp-color-result:hover:after {
    5557    color: #222;
     
    5759    border-left: 1px solid #999;
    5860}
     61
    5962.wp-color-result.wp-picker-open {
    6063    top: 0;
    6164}
     65
    6266.wp-color-result.wp-picker-open:after {
    6367    content: attr( data-current );
    6468}
     69
    6570.wp-picker-container, .wp-picker-container:active {
    6671    display: inline-block;
    6772    outline: 0;
    6873}
     74
    6975.wp-color-result:focus {
    7076    border-color: #888;
    71     -moz-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    72     -ms-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    73     -o-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    74     -webkit-box-shadow: 0 1px 2px rgba(0,0,0,0.2);
    75     box-shadow: 0 1px 2px rgba(0,0,0,0.2);
     77    -webkit-box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
     78    box-shadow: 0 1px 2px rgba( 0, 0, 0, 0.2 );
    7679}
     80
    7781.wp-color-result:focus:after {
    7882    border-color: #888;
    7983}
     84
    8085.wp-picker-open + .wp-picker-input-wrap {
    8186    display: inline-block;
    8287    vertical-align: top;
    8388}
     89
    8490.wp-picker-container .button {
    8591    margin-left: 6px;
    8692}
     93
    8794.wp-picker-container .iris-square-slider .ui-slider-handle:focus {
    8895    background-color: #555
    8996}
     97
    9098.wp-picker-container .iris-picker {
    9199    border-color: #dfdfdf;
    92100    margin-top: 6px;
    93101}
     102
    94103input[type="text"].iris-error {
    95104    background-color: #ffebe8;
  • trunk/wp-includes/css/media-views-rtl.css

    r22920 r22947  
    1818    left: 0;
    1919    right: 200px;
    20     border-width: 1px 0 0 0;
    2120}
    2221
     
    5049    right: auto;
    5150    left: 0;
    52 }
    53 
    54 .hide-sidebar .media-sidebar {
    55     right: auto;
    56     left: -300px;
     51    border-left: 0;
     52    border-right: 1px solid #dfdfdf;
    5753}
    5854
     
    106102
    107103/**
     104 * Frame
     105 */
     106.media-frame .region-content {
     107    left: 0;
     108    right: 200px;
     109}
     110
     111/**
    108112 * Attachment Browser Filters
    109113 */
     
    114118
    115119/**
    116  * Frame
    117  */
    118 .media-frame .region-content {
    119     left: 300px;
    120     right: 200px;
    121 }
    122 
    123 .media-frame.hide-sidebar .region-content {
    124     right: 200px;
    125     left: 0;
    126 }
    127 
    128 /**
    129120 * Search
    130121 */
     
    138129 */
    139130.attachments {
    140     margin: 0;
    141131    padding-right: 0;
    142132    padding-left: 16px;
     
    150140}
    151141
    152 .attachment .icon,
    153142.attachment .thumbnail {
    154143    left: auto;
     
    165154    left: -7px;
    166155}
     156
     157/**
     158 * Attachments Browser
     159 */
     160.attachments-browser .media-toolbar {
     161    right: 0;
     162    left: 300px;
     163}
     164
     165.attachments-browser .attachments,
     166.attachments-browser .uploader-inline {
     167    right: 0;
     168    left: 300px;
     169}
     170
    167171
    168172/**
     
    172176    left: auto;
    173177    right: 15%;
    174     margin: -8px -4px 0 0;
     178}
     179
     180.media-sidebar .media-uploader-status .upload-dismiss-errors {
     181    right: auto;
     182    left: 0;
     183}
     184
     185.upload-errors .upload-error-label {
     186    margin-right: 0;
     187    margin-left: 8px;
     188    float: right;
     189    margin-top: -3px;
    175190}
    176191
     
    191206.media-selection .selection-info a {
    192207    float: right;
     208    border-right: 0;
     209    border-left: 1px solid #dfdfdf;
    193210    margin: 1px -8px 1px 8px;
    194211}
     
    202219    right: auto;
    203220    left: 0;
    204     background-image: -webkit-gradient(linear, left top, left top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) ));
     221    background-image: -webkit-gradient(linear, left top, right top, from( rgba( 255, 255, 255, 1 ) ), to( rgba( 255, 255, 255, 0 ) ));
    205222    background-image: -webkit-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
    206223    background-image:    -moz-linear-gradient(left, rgba( 255, 255, 255, 1 ) ,  rgba( 255, 255, 255, 0 ) );
     
    242259}
    243260
    244 .attachment-info .details {
    245     float: right;
    246 }
    247 
     261.attachment-info .details,
    248262.attachment-info .compat-meta {
    249263    float: right;
     
    272286    float: right;
    273287}
     288
     289/**
     290 * Responsive layout
     291 */
     292@media only screen and (max-width: 900px) {
     293    .media-frame .region-content,
     294    .media-frame-toolbar > .media-toolbar {
     295        left: 0;
     296        right: 120px;
     297    }
     298
     299    .attachments-browser .attachments,
     300    .attachments-browser .uploader-inline,
     301    .attachments-browser .media-toolbar {
     302        right: 0;
     303        left: 180px;
     304    }
     305}
  • trunk/wp-includes/script-loader.php

    r22869 r22947  
    495495    $suffix = defined('SCRIPT_DEBUG') && SCRIPT_DEBUG ? '' : '.min';
    496496
    497     $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views' );
     497    $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views', 'wp-color-picker' );
    498498    // Any rtl stylesheets that don't have a .min version
    499499    $no_suffix = array( 'farbtastic' );
Note: See TracChangeset for help on using the changeset viewer.