WordPress.org

Make WordPress Core

Changeset 14449


Ignore:
Timestamp:
05/04/10 19:34:38 (4 years ago)
Author:
nacin
Message:

Early pass on RTL for nav menu UI. props yoavf, see #13166

Location:
trunk/wp-admin/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/wp-admin/css/nav-menu-rtl.css

    r14279 r14449  
    1 .howto span{float:right;}.menu-item-textbox{float:left;}.add-to-menu{float:left;}.menu-item-title input[type="checkbox"]{margin-left:3px;}.menu li dl dt{padding-left:0;padding-right:10px;}.menu li ul li{margin-left:0;margin-right:20px;}.menu li .item-title{margin-right:0;margin-left:18em;}.item-controls{right:auto;left:15px;}.item-type{padding-right:0;padding-left:10px;} 
     1#nav-menus-frame{margin-right:300px;margin-left:0;}#wpbody-content #menu-settings-column{margin-right:-300px;margin-left:0;float:right;}#menu-settings-column .handlediv{background-position:100% -110px;}#menu-management-liquid{float:right;}#menu-management{margin-left:20px;margin-right:0;}}#nav-menu-header{background-position:right top;}#post-body{padding:0 10px 10px 0;}.post-body-plain{padding:10px 0 0 10px;}#menu-management .nav-tabs-arrow-left{right:0;left:auto;}#menu-management .nav-tabs-arrow-right{left:0;right:auto;text-align:left;}#menu-management .nav-tabs{padding-right:30px;padding-left:10px;}.js #menu-management .nav-tabs{float:right;margin-right:0;margin-left:-400px;}#select-nav-menu-container{padding:0 10px 3px 10px;}#menu-management #major-publishing-actions #delete-action{float:left;margin-left:10px;margin-right:0;}#wpbody .open-label span{padding-left:10px;padding-right:0;}.js .input-with-default-title{font-style:normal;}.postbox .howto input{float:left;}#side-sortables .potential-menu-item{margin-right:0;}#side-sortables .potential-menu-item ul{margin-right:0;}#cancel-save{margin-left:0;margin-right:20px;}.list-controls{float:right;}.add-to-menu{float:left;}#add-custom-link label span{float:right;padding-left:5px;padding-right:0;}.howto span{float:right;}.list li .menu-item-title input{margin-left:3px;margin-right:0;}.menu-item-handle{background-position:right top;padding-right:10px;padding-left:0;}.menu-item-handle .item-title{margin-left:13em;margin-right:0;}.menu-item-depth-0{margin-right:0;margin-left:0;}.menu-item-depth-1{margin-right:30px;margin-left:0;}.menu-item-depth-2{margin-right:60px;margin-left:0;}.menu-item-depth-3{margin-right:90px;margin-left:0;}.menu-item-depth-4{margin-right:120px;margin-left:0;}.menu-item-depth-5{margin-right:150px;margin-left:0;}.menu-item-depth-6{margin-right:180px;margin-left:0;}.menu-item-depth-7{margin-right:210px;margin-left:0;}.menu-item-depth-8{margin-right:240px;margin-left:0;}.menu-item-depth-9{margin-right:270px;margin-left:0;}.menu-item-depth-10{margin-right:300px;margin-left:0;}.menu-item-depth-11{margin-right:330px;margin-left:0;}.menu-item-depth-0 .menu-item-transport{margin-right:0;margin-left:0;}.menu-item-depth-1 .menu-item-transport{margin-right:-30px;margin-left:0;}.menu-item-depth-2 .menu-item-transport{margin-right:-60px;margin-left:0;}.menu-item-depth-3 .menu-item-transport{margin-right:-90px;margin-left:0;}.menu-item-depth-4 .menu-item-transport{margin-right:-120px;margin-left:0;}.menu-item-depth-5 .menu-item-transport{margin-right:-150px;margin-left:0;}.menu-item-depth-6 .menu-item-transport{margin-right:-180px;margin-left:0;}.menu-item-depth-7 .menu-item-transport{margin-right:-210px;margin-left:0;}.menu-item-depth-8 .menu-item-transport{margin-right:-240px;margin-left:0;}.menu-item-depth-9 .menu-item-transport{margin-right:-270px;margin-left:0;}.menu-item-depth-10 .menu-item-transport{margin-right:-300px;margin-left:0;}.menu-item-depth-11 .menu-item-transport{margin-right:-330px;margin-left:0;}.item-type{padding-right:0;padding-left:10px;}.item-controls{right:auto;left:20px;}.item-controls .item-order{padding-left:10px;padding-right:0;}.item-edit{background-position:100% -105px;left:-20px;right:auto;}.menu-item-settings{padding:10px 10px 10px 0;}.link-to-original a{padding-right:4px;padding-left:0;}.menu-item-settings .description-thin,.menu-item-settings .description-wide{margin-left:10px;margin-right:0;float:right;}.save-menu-item{padding-right:10px;padding-left:0;float:left;}.major-publishing-actions .publishing-action{text-align:left;float:left;}.major-publishing-actions .delete-action{text-align:right;float:left;padding-left:15px;padding-right:0;} 
  • trunk/wp-admin/css/nav-menu-rtl.dev.css

    r14404 r14449  
    1 .howto span { 
     1#nav-menus-frame { 
     2    margin-right: 300px; 
     3    margin-left: 0; 
     4} 
     5 
     6#wpbody-content #menu-settings-column { 
     7    margin-right: -300px; 
     8    margin-left: 0; 
    29    float: right; 
    310} 
    4 .menu-item-textbox { 
     11 
     12#menu-settings-column .handlediv { 
     13    background-position: 100% -110px; 
     14} 
     15 
     16/* Menu Container */ 
     17#menu-management-liquid { 
     18    float: right; 
     19} 
     20#menu-management { 
     21    margin-left: 20px; 
     22    margin-right: 0; 
     23} 
     24    } 
     25 
     26    #nav-menu-header { 
     27        background-position: right top; 
     28    } 
     29 
     30    #post-body { 
     31        padding:0 10px 10px 0; 
     32    } 
     33 
     34    .post-body-plain { 
     35        padding: 10px 0 0 10px; 
     36    } 
     37 
     38/* Menu Tabs */ 
     39 
     40    #menu-management .nav-tabs-arrow-left { 
     41        right: 0; 
     42        left:auto; 
     43    } 
     44    #menu-management .nav-tabs-arrow-right { 
     45        left: 0; 
     46        right: auto; 
     47        text-align: left; 
     48    } 
     49 
     50 
     51#menu-management .nav-tabs { 
     52    padding-right: 30px; 
     53    padding-left: 10px; 
     54} 
     55.js #menu-management .nav-tabs { 
     56    float: right; 
     57    margin-right: 0px; 
     58    margin-left: -400px; 
     59} 
     60 
     61#select-nav-menu-container { 
     62    padding: 0 10px 3px 10px; 
     63} 
     64 
     65/* Menu Toolbar */ 
     66#menu-management #major-publishing-actions #delete-action { 
     67    float: left; 
     68    margin-left: 10px; 
     69    margin-right: 0; 
     70} 
     71 
     72#wpbody .open-label span { 
     73    padding-left: 10px; 
     74    padding-right: 0; 
     75} 
     76 
     77    .js .input-with-default-title { 
     78        font-style: normal; 
     79    } 
     80 
     81/* Add Menu Item Boxes */ 
     82.postbox .howto input { 
    583    float: left; 
    684} 
     85 
     86#side-sortables .potential-menu-item { 
     87    margin-right: 0; 
     88} 
     89#side-sortables .potential-menu-item ul { 
     90    margin-right: 0; 
     91     
     92} 
     93 
     94/* Button Primary Actions */ 
     95#cancel-save { margin-left:0; margin-right: 20px; } 
     96 
     97/* Button Secondary Actions */ 
     98.list-controls { float: right; } 
    799.add-to-menu { 
    8100    float: left; 
    9101} 
    10 .menu-item-title input[type="checkbox"] { 
    11     margin-left: 3px; 
     102 
     103/* Custom Links */ 
     104#add-custom-link label span { float: right; padding-left: 5px; padding-right:0;} 
     105.howto span { float: right; } 
     106 
     107/* Listings */ 
     108.list li .menu-item-title input { margin-left: 3px; margin-right: 0; } 
     109 
     110/* Nav Menu */ 
     111.menu-item-handle { 
     112    background-position: right top; 
     113    padding-right: 10px; 
     114    padding-left: 0; 
    12115} 
    13 .menu li dl dt { 
     116.menu-item-handle .item-title { 
     117    margin-left:13em; 
     118    margin-right:0; 
     119} 
     120 
     121/* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */ 
     122.menu-item-depth-0 { margin-right: 0px; margin-left:0;} 
     123.menu-item-depth-1 { margin-right: 30px; margin-left:0;} 
     124.menu-item-depth-2 { margin-right: 60px; margin-left:0;} 
     125.menu-item-depth-3 { margin-right: 90px; margin-left:0;} 
     126.menu-item-depth-4 { margin-right: 120px; margin-left:0;} 
     127.menu-item-depth-5 { margin-right: 150px; margin-left:0;} 
     128.menu-item-depth-6 { margin-right: 180px; margin-left:0;} 
     129.menu-item-depth-7 { margin-right: 210px; margin-left:0;} 
     130.menu-item-depth-8 { margin-right: 240px; margin-left:0;} 
     131.menu-item-depth-9 { margin-right: 270px; margin-left:0;} 
     132.menu-item-depth-10 { margin-right: 300px; margin-left:0;} 
     133.menu-item-depth-11 { margin-right: 330px; margin-left:0;} 
     134 
     135.menu-item-depth-0 .menu-item-transport { margin-right: 0px; margin-left:0;} 
     136.menu-item-depth-1 .menu-item-transport { margin-right: -30px; margin-left:0;} 
     137.menu-item-depth-2 .menu-item-transport { margin-right: -60px; margin-left:0;} 
     138.menu-item-depth-3 .menu-item-transport { margin-right: -90px; margin-left:0;} 
     139.menu-item-depth-4 .menu-item-transport { margin-right: -120px; margin-left:0;} 
     140.menu-item-depth-5 .menu-item-transport { margin-right: -150px; margin-left:0;} 
     141.menu-item-depth-6 .menu-item-transport { margin-right: -180px; margin-left:0;} 
     142.menu-item-depth-7 .menu-item-transport { margin-right: -210px; margin-left:0;} 
     143.menu-item-depth-8 .menu-item-transport { margin-right: -240px; margin-left:0;} 
     144.menu-item-depth-9 .menu-item-transport { margin-right: -270px; margin-left:0;} 
     145.menu-item-depth-10 .menu-item-transport { margin-right: -300px; margin-left:0;} 
     146.menu-item-depth-11 .menu-item-transport { margin-right: -330px; margin-left:0;} 
     147 
     148/* Menu item controls */ 
     149.item-type { padding-right:0; padding-left: 10px; } 
     150.item-controls { right:auto; left: 20px; } 
     151.item-controls .item-order { padding-left: 10px; padding-right:0;} 
     152 
     153.item-edit { 
     154    background-position: 100% -105px; 
     155    left: -20px; 
     156    right: auto; 
     157} 
     158 
     159/* Menu editing */ 
     160.menu-item-settings { 
     161    padding: 10px 10px 10px 0; 
     162} 
     163 
     164    .link-to-original a { 
     165        padding-right: 4px; 
     166        padding-left: 0; 
     167    } 
     168 
     169.menu-item-settings .description-thin, 
     170.menu-item-settings .description-wide { 
     171    margin-left: 10px; 
     172    margin-right: 0; 
     173    float: right; 
     174} 
     175.save-menu-item { 
     176    padding-right: 10px; 
    14177    padding-left: 0; 
    15     padding-right: 10px; 
     178    float: left; 
    16179} 
    17 .menu li ul li { 
    18     margin-left: 0; 
    19     margin-right: 20px; 
     180 
     181.major-publishing-actions .publishing-action { 
     182    text-align: left; 
     183    float: left; 
    20184} 
    21 .menu li .item-title { 
    22     margin-right: 0; 
    23     margin-left: 18em; 
     185.major-publishing-actions .delete-action { 
     186    text-align: right; 
     187    float: left; 
     188    padding-left: 15px; 
     189    padding-right: 0; 
    24190} 
    25 .item-controls { 
    26     right: auto; 
    27     left: 15px; 
    28 } 
    29 .item-type { 
    30     padding-right: 0; 
    31     padding-left: 10px; 
    32 } 
Note: See TracChangeset for help on using the changeset viewer.