WordPress.org

Make WordPress Core

Changeset 26243


Ignore:
Timestamp:
11/17/2013 04:17:05 PM (7 years ago)
Author:
nacin
Message:

Stop using .rtl classes, instead relying on flipping LTR CSS to RTL.

props yoavf.
fixes #24977.

Location:
trunk
Files:
9 edited

Legend:

Unmodified
Added
Removed
  • trunk/Gruntfile.js

    r26168 r26243  
    132132                    'wp-admin/css/*.css',
    133133                    'wp-includes/css/*.css',
    134                     // Temporary exceptions while .rtl body classes are in use
    135                     '!wp-admin/css/colors-fresh.css',
    136                     '!wp-admin/css/install.css',
    137                     '!wp-includes/css/editor.css',
    138                     '!wp-includes/css/wp-pointer.css',
    139                     // Farbtastic is deprecated, uses .rtl classes.
    140                     '!wp-admin/css/farbtastic.css'
    141134                ]
    142135            },
  • trunk/src/wp-admin/css/colors-fresh.css

    r26175 r26243  
    21042104    }
    21052105}
    2106 
    2107 /*------------------------------------------------------------------------------
    2108   2.0 - Right to Left Styles
    2109 ------------------------------------------------------------------------------*/
    2110 
    2111 .rtl .bar {
    2112     border-right-color: transparent;
    2113     border-left-color: #99d;
    2114 }
    2115 
    2116 .rtl #adminmenu .wp-submenu .wp-submenu-head {
    2117     border-right-color: transparent;
    2118     border-left-color: #dfdfdf;
    2119 }
    2120 
    2121 .rtl #adminmenu .wp-submenu,
    2122 .rtl.folded #adminmenu .wp-has-current-submenu .wp-submenu {
    2123     -webkit-box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2124     box-shadow: -2px 2px 5px rgba( 0, 0, 0, 0.4 );
    2125 }
    2126 
    2127 .rtl #adminmenu .wp-has-current-submenu .wp-submenu {
    2128     -webkit-box-shadow: none;
    2129     box-shadow: none;
    2130 }
    2131 
    2132 .rtl ul#adminmenu a.wp-has-current-submenu:after,
    2133 .rtl ul#adminmenu > li.current > a.current:after {
    2134     border-right-color: transparent;
    2135     border-left-color: #eee;
    2136 }
    2137 
    2138 /* Flyout Menu Arrow */
    2139 .rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu:hover:after,
    2140 .rtl #adminmenu li.wp-has-submenu.wp-not-current-submenu.opensub:hover:after {
    2141     border-right-color: transparent;
    2142     border-left-color: #333;
    2143 }
    2144 
    2145 .rtl #post-body .misc-pub-section {
    2146     border-right-color: transparent;
    2147     border-left-color: #eee;
    2148 }
    2149 
    2150 .rtl div.updated,
    2151 .rtl .login .message {
    2152     border-left: none;
    2153     border-right: 4px solid #7ad03a;
    2154 }
    2155 
    2156 .rtl .plugins .active th.check-column,
    2157 .rtl tr.active + tr.plugin-update-tr .plugin-update {
    2158     border-left: none;
    2159     border-right: 4px solid #2ea2cc;
    2160 }
    2161 
    2162 .rtl .plugins .update th.check-column,
    2163 .rtl tr.plugin-update-tr .plugin-update {
    2164     border-left: none;
    2165     border-right: 4px solid #d54e21;
    2166 }
    2167 
    2168 .rtl #the-comment-list .unapproved th.check-column {
    2169     border-left: none;
    2170     border-right: 4px solid #d54e21;
    2171 }
  • trunk/src/wp-admin/css/farbtastic.css

    r19684 r26243  
    4040  background: url(../images/marker.png) no-repeat;
    4141}
    42 
    43 /* farbtastic-rtl */
    44 .rtl .farbtastic .color,
    45 .rtl .farbtastic .overlay {
    46     left: 0;
    47     right: 47px;
    48 }
    49 
    50 .rtl .farbtastic .marker {
    51     margin: -8px -8px 0 0;
    52 }
  • trunk/src/wp-admin/css/install.css

    r25620 r26243  
    224224}
    225225
    226 /* install-rtl */
    227 body.rtl {
    228     font-family: Tahoma, arial;
    229 }
    230 
    231 .rtl h1 {
    232     font-family: arial;
    233     margin: 5px -4px 0 0;
    234 }
    235 
    236 .rtl ul,
    237 .rtl ol {
    238     padding: 5px 22px 5px 5px;
    239 }
    240 
    241 .rtl .step,
    242 .rtl th,
    243 .rtl .form-table th {
    244     text-align: right;
    245 }
    246 
    247 .rtl .submit input,
    248 .rtl .button,
    249 .rtl .button-secondary {
    250     margin-right: 0;
    251 }
    252 
    253 .rtl #dbname,
    254 .rtl #uname,
    255 .rtl #pwd,
    256 .rtl #dbhost,
    257 .rtl #prefix,
    258 .rtl #user_login,
    259 .rtl #admin_email,
    260 .rtl #pass1,
    261 .rtl #pass2 {
     226/* @noflip */
     227#dbname,
     228#uname,
     229#pwd,
     230#dbhost,
     231#prefix,
     232#user_login,
     233#admin_email,
     234#pass1,
     235#pass2 {
    262236    direction: ltr;
    263237}
  • trunk/src/wp-includes/css/buttons.css

    r26072 r26243  
    109109    -webkit-box-shadow: none;
    110110    box-shadow: none;
    111     padding-left: 2px;
    112     padding-right: 2px;
     111    padding: 0 2px 1px;
    113112    width: auto;
    114113}
  • trunk/src/wp-includes/css/editor.css

    r26072 r26243  
    164164}
    165165
    166 .rtl .wp_themeSkin .mceStatusbar {
    167     padding: 0 8px 0 0;
    168 }
    169 
    170166.wp_themeSkin .mceStatusbar * {
    171167    color: #555;
     
    175171    float: left;
    176172    padding: 2px;
    177 }
    178 
    179 .rtl .wp_themeSkin .mceStatusbar div {
    180     float: right;
    181173}
    182174
     
    188180    height: 20px;
    189181    cursor: se-resize;
    190 }
    191 
    192 .rtl .wp_themeSkin .mceStatusbar a.mceResize {
    193     float: left;
    194182}
    195183
     
    11141102}
    11151103
    1116 .rtl .wp-editor-tools {
    1117     padding: 0 0 0 10px;
    1118 }
    1119 
    11201104.wp-editor-container textarea.wp-editor-area {
    11211105    width: 100%;
     
    11431127}
    11441128
    1145 html[dir="rtl"] .wp-switch-editor {
    1146     float: left;
    1147 }
    1148 
    11491129.wp-switch-editor:active {
    11501130    background-color: #f1f1f1;
     
    11861166}
    11871167
    1188 .rtl .wp-media-buttons .button {
    1189     margin-right: 0;
    1190     margin-left: 5px;
    1191 }
    1192 
    11931168.wp-media-buttons .insert-media {
    11941169    padding-left: 5px;
    1195 }
    1196 
    1197 .rtl .wp-media-buttons .insert-media {
    1198     padding-left: 7px;
    1199     padding-right: 5px;
    12001170}
    12011171
     
    17041674    position: absolute;
    17051675    top: 0;
     1676    /* @noflip */
    17061677    left: 0;
    17071678    padding: .2em;
     
    18231794    opacity: 0.6;
    18241795    filter: alpha(opacity=60);
    1825 }
    1826 
    1827 .rtl .wp-dialog .ui-dialog-titlebar-close {
    1828     right: auto;
    1829     left: 6px;
    1830 }
    1831 
    1832 /*
    1833 RTL
    1834 */
    1835 .rtl #wp-link #internal-toggle {
    1836     padding-right: 18px;
    1837     padding-left: 0;
    1838 }
    1839 
    1840 .rtl #wp-link #link-options label span,
    1841 .rtl #wp-link #search-panel label span.search-label {
    1842     text-align: left;
    1843     padding-right: 0;
    1844     padding-left: 5px;
    1845 }
    1846 
    1847 .rtl #wp-link #link-options label #url-field {
    1848     direction: ltr;
    1849 }
    1850 
    1851 .rtl #wp-link .link-search-field,
    1852 .rtl #wp-link .link-search-wrapper span {
    1853     float: right;
    1854 }
    1855 
    1856 .rtl #wp-link .link-target {
    1857     margin-right: 87px;
    1858     margin-left: 0;
    1859 }
    1860 
    1861 .rtl #wp-link .item-info {
    1862     left: 5px;
    1863     right: auto;
    1864     top: 4px;
    1865     bottom: 0;
    1866 }
    1867 
    1868 .rtl #wp-link #search-panel {
    1869     float: right;
    1870 }
    1871 
    1872 .rtl #wp-link-cancel {
    1873     float: right;
    1874 }
    1875 
    1876 .rtl #wp-link-update {
    1877     float: left;
    1878 }
    1879 
    1880 .rtl #wp-link .toggle-arrow {
    1881     background-position: top right;
    1882 }
    1883 
    1884 .rtl #wp-link .toggle-arrow-active {
    1885     background-position: center right;
    1886 }
    1887 
    1888 .rtl .wp_themeSkin .mceListBox .mceText {
    1889     text-align: right;
    1890 }
    1891 
    1892 .rtl .wp_themeSkin .mceNoIcons a .mceText {
    1893     padding-right: 10px;
    1894     padding-left: 25px;
    1895 }
    1896 
    1897 .rtl .mceListBoxMenu.mceNoIcons {
    1898     direction: rtl;
    18991796}
    19001797
     
    22812178}
    22822179
    2283 /* Distraction Free Writing - RTL
    2284  * =Overlay Styles
    2285 -------------------------------------------------------------- */
    2286 
    2287 /* No RTL for now, this space intentionally left blank */
    2288 
    2289 /* =Overlay Body
    2290 -------------------------------------------------------------- */
    2291 .rtl #wp-fullscreen-tagline {
    2292     float: left;
    2293 }
    2294 
    2295 /* =Top bar
    2296 -------------------------------------------------------------- */
    2297 .rtl #fullscreen-topbar {
    2298     left:auto;
    2299     right: 0;
    2300 }
    2301 
    2302 .rtl #wp-fullscreen-mode-bar,
    2303 .rtl #wp-fullscreen-button-bar,
    2304 .rtl #wp-fullscreen-close,
    2305 .rtl #wp-fullscreen-count {
    2306     float: right;
    2307 }
    2308 
    2309 .rtl #wp-fullscreen-save {
    2310     float: left;
    2311 }
    2312 
    2313 .rtl #wp-fullscreen-save {
    2314     padding: 2px 5px 0 2px;
    2315 }
    2316 
    2317 .rtl #wp-fullscreen-buttons > div {
    2318     float: right;
    2319 }
    2320 
    2321 .rtl #wp-fullscreen-mode-bar {
    2322     padding: 1px 0 0 14px;
    2323 }
    2324 
    2325 .rtl #wp-fullscreen-modes a {
    2326     float: right;
    2327     border-width: 1px 0 1px 1px;
    2328 }
    2329 
    2330 .rtl #wp-fullscreen-modes a:first-child {
    2331     -webkit-border-top-left-radius: 0;
    2332     -webkit-border-top-right-radius: 3px;
    2333     -webkit-border-bottom-left-radius: 0;
    2334     -webkit-border-bottom-right-radius: 3px;
    2335     border-width: 1px;
    2336     border-top-left-radius: 0;
    2337     border-top-right-radius: 3px;
    2338     border-bottom-left-radius: 0;
    2339     border-bottom-right-radius: 3px;
    2340 }
    2341 
    2342 .rtl #wp-fullscreen-modes a:last-child {
    2343     -webkit-border-top-right-radius: 0;
    2344     -webkit-border-top-left-radius: 3px;
    2345     -webkit-border-bottom-right-radius: 0;
    2346     -webkit-border-bottom-left-radius: 3px;
    2347     border-top-right-radius: 0;
    2348     border-top-left-radius: 3px;
    2349     border-bottom-right-radius: 0;
    2350     border-bottom-left-radius: 3px;
    2351 }
    2352 
    2353 .rtl #wp-fullscreen-save img,
    2354 .rtl #wp-fullscreen-save span {
    2355     padding-right: 0;
    2356     padding-left: 4px;
    2357 }
    2358 
    2359 /* =Thickbox Adjustments
    2360 -------------------------------------------------------------- */
    2361 /* No RTL for now, this space intentionally left blank */
    2362 
    2363 
    2364 /* =TinyMCE Adjustments
    2365 -------------------------------------------------------------- */
    2366 /* No RTL for now, this space intentionally left blank */
    2367 
    2368 
    23692180/* HiDPI */
    23702181@media print,
  • trunk/src/wp-includes/css/jquery-ui-dialog.css

    r23515 r26243  
    130130    left: 0;
    131131}
     132/* @noflip */
    132133.ui-resizable-e {
    133134    cursor: e-resize;
     
    137138    height: 100%;
    138139}
     140/* @noflip */
    139141.ui-resizable-w {
    140142    cursor: w-resize;
     
    144146    height: 100%;
    145147}
     148/* @noflip */
    146149.ui-resizable-se {
    147150    cursor: se-resize;
     
    151154    bottom: 1px;
    152155}
     156/* @noflip */
    153157.ui-resizable-sw {
    154158    cursor: sw-resize;
     
    158162    bottom: -5px;
    159163}
     164/* @noflip */
    160165.ui-resizable-nw {
    161166    cursor: nw-resize;
     
    165170    top: -5px;
    166171}
     172/* @noflip */
    167173.ui-resizable-ne {
    168174    cursor: ne-resize;
     
    186192    position: absolute;
    187193    top: 0;
     194    /* @noflip */
    188195    left: 0;
    189196    padding: .2em;
  • trunk/src/wp-includes/css/wp-pointer.css

    r26171 r26243  
    9999}
    100100
     101/* @noflip */
    101102.wp-pointer-left {
    102103    padding-left: 13px;
    103104}
    104 
     105/* @noflip */
    105106.wp-pointer-right {
    106107    padding-right: 13px;
     
    134135}
    135136
     137/* @noflip */
    136138.wp-pointer-left .wp-pointer-arrow {
    137139    left: 0;
     
    140142}
    141143
     144/* @noflip */
    142145.wp-pointer-right .wp-pointer-arrow {
    143146    right:0;
     
    145148    border-left-color: #fff;
    146149}
    147 
    148 /* - RTL
    149 ------------------------------------------------------------------------------*/
    150 
    151 .rtl .wp-pointer-content h3 {
    152     padding-right: 60px;
    153     padding-left: 18px;
    154 }
    155 
    156 .rtl .wp-pointer-content h3:before {
    157     right: 15px;
    158 }
    159 
    160 .rtl .wp-pointer-buttons a {
    161     float: left;
    162 }
    163 
    164 .rtl .wp-pointer-buttons a.close {
    165     padding-right:3px;
    166     padding-left: 0;
    167 }
    168 
    169 .rtl .wp-pointer-buttons a.close:before {
    170     right:-10px;
    171 }
    172 
    173 .rtl .wp-pointer-top .wp-pointer-arrow,
    174 .rtl .wp-pointer-bottom .wp-pointer-arrow,
    175 .rtl .wp-pointer-undefined .wp-pointer-arrow {
    176     right: 50px;
    177 }
  • trunk/src/wp-includes/script-loader.php

    r26141 r26243  
    553553    $suffix = SCRIPT_DEBUG ? '' : '.min';
    554554
    555     $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views', 'wp-color-picker' );
     555    $rtl_styles = array( 'wp-admin', 'ie', 'media', 'admin-bar', 'customize-controls', 'media-views', 'wp-color-picker', 'wp-pointer', 'editor-buttons', 'farbtastic', 'wp-auth-check', 'wp-jquery-ui-dialog', 'media-views', 'buttons', 'install', 'colors' );
    556556
    557557    $styles->add( 'wp-admin', "/wp-admin/css/wp-admin$suffix.css", array( 'open-sans', 'dashicons' ) );
Note: See TracChangeset for help on using the changeset viewer.