WordPress.org

Make WordPress Core

Ticket #24977: 24977.stop_using_dot_rtl_class.diff

File 24977.stop_using_dot_rtl_class.diff, 12.3 KB (added by yoavf, 7 years ago)

refreshed

  • src/wp-includes/css/buttons.css

     
    108108        -moz-box-shadow: none;
    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}
    115114
  • src/wp-includes/css/editor.css

     
    163163        overflow: visible;
    164164}
    165165
    166 .rtl .wp_themeSkin .mceStatusbar {
    167         padding: 0 8px 0 0;
    168 }
    169 
    170166.wp_themeSkin .mceStatusbar * {
    171167        color: #555;
    172168}
     
    176172        padding: 2px;
    177173}
    178174
    179 .rtl .wp_themeSkin .mceStatusbar div {
    180         float: right;
    181 }
    182 
    183175.wp_themeSkin .mceStatusbar a.mceResize {
    184176        display: block;
    185177        float: right;
     
    189181        cursor: se-resize;
    190182}
    191183
    192 .rtl .wp_themeSkin .mceStatusbar a.mceResize {
    193         float: left;
    194 }
    195 
    196184.wp_themeSkin .mceStatusbar a:hover {
    197185        text-decoration: underline;
    198186}
     
    11131101        padding: 0;
    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%;
    11221106        margin: 0;
     
    11421126        padding: 3px 8px 4px;
    11431127}
    11441128
    1145 html[dir="rtl"] .wp-switch-editor {
    1146         float: left;
    1147 }
    1148 
    11491129.wp-switch-editor:active {
    11501130        background-color: #f1f1f1;
    11511131}
     
    11851165        margin-bottom: 1px;
    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;
    11951170}
    11961171
    1197 .rtl .wp-media-buttons .insert-media {
    1198         padding-left: 7px;
    1199         padding-right: 5px;
    1200 }
    1201 
    12021172.wp-media-buttons a {
    12031173        text-decoration: none;
    12041174        color: #464646;
     
    17031673.ui-dialog {
    17041674        position: absolute;
    17051675        top: 0;
     1676        /* @noflip */
    17061677        left: 0;
    17071678        padding: .2em;
    17081679        outline: 0;
     
    18241795        filter: alpha(opacity=60);
    18251796}
    18261797
    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;
    1899 }
    1900 
    19011798/* TinyMCE modal */
    19021799.clearlooks2 .mceTop {
    19031800        border-bottom: 1px solid #ccc;
     
    22802177        opacity: 1;
    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,
    23712182  (-o-min-device-pixel-ratio: 5/4),
  • src/wp-includes/css/jquery-ui-dialog.css

     
    129129        bottom: -5px;
    130130        left: 0;
    131131}
     132/* @noflip */
    132133.ui-resizable-e {
    133134        cursor: e-resize;
    134135        width: 7px;
     
    136137        top: 0;
    137138        height: 100%;
    138139}
     140/* @noflip */
    139141.ui-resizable-w {
    140142        cursor: w-resize;
    141143        width: 7px;
     
    143145        top: 0;
    144146        height: 100%;
    145147}
     148/* @noflip */
    146149.ui-resizable-se {
    147150        cursor: se-resize;
    148151        width: 12px;
     
    150153        right: 1px;
    151154        bottom: 1px;
    152155}
     156/* @noflip */
    153157.ui-resizable-sw {
    154158        cursor: sw-resize;
    155159        width: 9px;
     
    157161        left: -5px;
    158162        bottom: -5px;
    159163}
     164/* @noflip */
    160165.ui-resizable-nw {
    161166        cursor: nw-resize;
    162167        width: 9px;
     
    164169        left: -5px;
    165170        top: -5px;
    166171}
     172/* @noflip */
    167173.ui-resizable-ne {
    168174        cursor: ne-resize;
    169175        width: 9px;
     
    185191.ui-dialog {
    186192        position: absolute;
    187193        top: 0;
     194        /* @noflip */
    188195        left: 0;
    189196        padding: .2em;
    190197        outline: 0;
  • src/wp-includes/css/wp-pointer.css

     
    9898        padding-bottom: 13px;
    9999}
    100100
     101/* @noflip */
    101102.wp-pointer-left {
    102103        padding-left: 13px;
    103104}
    104 
     105/* @noflip */
    105106.wp-pointer-right {
    106107        padding-right: 13px;
    107108}
     
    133134        border-top-color: #fff;
    134135}
    135136
     137/* @noflip */
    136138.wp-pointer-left .wp-pointer-arrow {
    137139        left: 0;
    138140        border-width: 17px 15px 17px 0;
    139141        border-right-color: #fff;
    140142}
    141143
     144/* @noflip */
    142145.wp-pointer-right .wp-pointer-arrow {
    143146        right:0;
    144147        border-width: 17px 0 17px 15px;
    145148        border-left-color: #fff;
    146 }
    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 }
     149}
     150 No newline at end of file
  • src/wp-includes/script-loader.php

     
    552552
    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' ) );
    558558
  • src/wp-admin/css/colors-fresh.css

     
    21022102        .wp_themeSkin .mceToolbar .mceSplitButton span.mce_bullist {
    21032103                background: none !important;
    21042104        }
    2105 }
    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 }
     2105}
     2106 No newline at end of file
  • src/wp-admin/css/farbtastic.css

     
    3939  overflow: hidden;
    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 }
  • src/wp-admin/css/install.css

     
    223223        background-color: #ffebe8;
    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}
  • Gruntfile.js

     
    131131                                src: [
    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                        },
    143136                        dynamic: {