From 859beb4d847e811fa08f2569494feade56d92b3c Mon Sep 17 00:00:00 2001 From: nacin Date: Thu, 27 May 2010 16:27:13 +0000 Subject: [PATCH] RTL menu updates. props yoavf, see #13525. git-svn-id: http://svn.automattic.com/wordpress/trunk@14997 1a063a9b-81f0-0310-95a4-ce76da25c4cd --- wp-admin/css/nav-menu-rtl.css | 2 +- wp-admin/css/nav-menu-rtl.dev.css | 106 ++++++++++++++++-------------- 2 files changed, 57 insertions(+), 51 deletions(-) diff --git a/wp-admin/css/nav-menu-rtl.css b/wp-admin/css/nav-menu-rtl.css index 9563bc44df..0d780c9d35 100644 --- a/wp-admin/css/nav-menu-rtl.css +++ b/wp-admin/css/nav-menu-rtl.css @@ -1 +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;}#menu-settings-column .handlediv{background:url("images/menu-bits-rtl.gif") no-repeat scroll -37px -110px transparent;}.item-edit{background:url("images/menu-bits-rtl.gif") no-repeat scroll -37px -105px transparent;} \ No newline at end of file +#nav-menus-frame{margin-right:300px;margin-left:0;}#wpbody-content #menu-settings-column{margin-right:-300px;margin-left:0;float:right;}#menu-management-liquid{float:right;}#menu-management{margin-left:20px;margin-right:0;}#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{text-align:left;}#wpbody .open-label{float:right;}#wpbody .open-label span{padding-left:10px;padding-right:0;}.js .input-with-default-title{font-style:normal;font-weight:bold;}.postbox .howto input{float:left;}#nav-menu-theme-locations .button-controls{text-align:left;}.meta-sep,.submitdelete,.submitcancel{float:right;}#cancel-save{margin-right:20px;margin-left:0;}.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{padding-right:10px;padding-left:0;}.menu-item-edit-active .menu-item-handle{-moz-border-radius:6px 0 0 6px;-webkit-border-bottom-left-radius:0;-webkit-border-bottom-right-radius:0;-khtml-border-bottom-left-radius:0;-khtml-border-bottom-right-radius:0;border-bottom-left-radius:0;border-bottom-right-radius: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-left:10px;padding-right:0;}.item-controls{left:20px;right:auto;}.item-controls .item-order{padding-left:10px;padding-right:0;}.item-edit{background-image:url("../images/menu-bits-rtl.gif");background-position:100% -105px;left:-20px;right:auto;-moz-border-radius-bottomright:3px;-moz-border-radius-bottomleft:0;-webkit-border-bottom-right-radius:3px;-webkit-border-bottom-left-radius:0;-khtml-border-bottom-right-radius:3px;-khtml-border-bottom-left-radius:0;border-bottom-right-radius:3px;border-bottom-left-radius:0;}.menu-item-settings{padding:10px 10px 10px 0;border-width:0 1px 1px 1px;}.link-to-original{font-style:normal;font-weight:bold;}.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;}.major-publishing-actions .publishing-action{text-align:left;float:left;}.major-publishing-actions .delete-action{text-align:right;float:right;padding-left:15px;padding-right:0;}.menu-name-label{margin-left:15px;margin-right:0;}.auto-add-pages{float:right;} \ No newline at end of file diff --git a/wp-admin/css/nav-menu-rtl.dev.css b/wp-admin/css/nav-menu-rtl.dev.css index 3768454228..6cbd7eefdb 100644 --- a/wp-admin/css/nav-menu-rtl.dev.css +++ b/wp-admin/css/nav-menu-rtl.dev.css @@ -9,10 +9,6 @@ float: right; } -#menu-settings-column .handlediv { - background-position: 100% -110px; -} - /* Menu Container */ #menu-management-liquid { float: right; @@ -21,11 +17,7 @@ margin-left: 20px; margin-right: 0; } - } - #nav-menu-header { - background-position: right top; - } #post-body { padding:0 10px 10px 0; @@ -43,11 +35,10 @@ } #menu-management .nav-tabs-arrow-right { left: 0; - right: auto; + right:auto; text-align: left; } - #menu-management .nav-tabs { padding-right: 30px; padding-left: 10px; @@ -59,43 +50,43 @@ } #select-nav-menu-container { - padding: 0 10px 3px 10px; + text-align: left; } -/* Menu Toolbar */ -#menu-management #major-publishing-actions #delete-action { - float: left; - margin-left: 10px; - margin-right: 0; +#wpbody .open-label { + float:right; } #wpbody .open-label span { padding-left: 10px; - padding-right: 0; + padding-right:0; } .js .input-with-default-title { font-style: normal; + font-weight:bold; } /* Add Menu Item Boxes */ .postbox .howto input { float: left; } - -#side-sortables .potential-menu-item { - margin-right: 0; -} -#side-sortables .potential-menu-item ul { - margin-right: 0; - +#nav-menu-theme-locations .button-controls { + text-align: left; } /* Button Primary Actions */ -#cancel-save { margin-left:0; margin-right: 20px; } + +.meta-sep, +.submitdelete, +.submitcancel { + float:right; +} + +#cancel-save { margin-right: 20px; margin-left: 0; } /* Button Secondary Actions */ -.list-controls { float: right; } +.list-controls { float: right; } .add-to-menu { float: left; } @@ -104,20 +95,28 @@ #add-custom-link label span { float: right; padding-left: 5px; padding-right:0;} .howto span { float: right; } -/* Listings */ -.list li .menu-item-title input { margin-left: 3px; margin-right: 0; } +.list li .menu-item-title input { margin-left: 3px; margin-right: 0 } /* Nav Menu */ .menu-item-handle { - background-position: right top; padding-right: 10px; padding-left: 0; } +.menu-item-edit-active .menu-item-handle { + -moz-border-radius: 6px 0 0 6px; + -webkit-border-bottom-left-radius: 0; + -webkit-border-bottom-right-radius: 0; + -khtml-border-bottom-left-radius: 0; + -khtml-border-bottom-right-radius: 0; + border-bottom-left-radius: 0; + border-bottom-right-radius: 0; +} .menu-item-handle .item-title { margin-left:13em; margin-right:0; } + /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */ .menu-item-depth-0 { margin-right: 0px; margin-left:0;} .menu-item-depth-1 { margin-right: 30px; margin-left:0;} @@ -146,55 +145,62 @@ .menu-item-depth-11 .menu-item-transport { margin-right: -330px; margin-left:0;} /* Menu item controls */ -.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-type { padding-left: 10px; padding-right:0;} +.item-controls { left: 20px; right: auto;} +.item-controls .item-order { padding-left: 10px; padding-right: 0;} .item-edit { + background-image: url("../images/menu-bits-rtl.gif"); background-position: 100% -105px; left: -20px; - right: auto; + right:auto; + -moz-border-radius-bottomright: 3px; + -moz-border-radius-bottomleft: 0; + -webkit-border-bottom-right-radius: 3px; + -webkit-border-bottom-left-radius: 0; + -khtml-border-bottom-right-radius: 3px; + -khtml-border-bottom-left-radius: 0; + border-bottom-right-radius: 3px; + border-bottom-left-radius: 0; } /* Menu editing */ .menu-item-settings { padding: 10px 10px 10px 0; + border-width: 0 1px 1px 1px; } +.link-to-original { + font-style: normal; + font-weight: bold; +} .link-to-original a { padding-right: 4px; - padding-left: 0; + padding-left:0; } .menu-item-settings .description-thin, .menu-item-settings .description-wide { margin-left: 10px; - margin-right: 0; + margin-right:0; float: right; } -.save-menu-item { - padding-right: 10px; - padding-left: 0; - float: left; -} +/* Major/minor publishing actions (classes) */ .major-publishing-actions .publishing-action { text-align: left; float: left; } .major-publishing-actions .delete-action { text-align: right; - float: left; + float: right; padding-left: 15px; - padding-right: 0; + padding-right:0; } - -/* Box controls */ - -#menu-settings-column .handlediv { - background:url("images/menu-bits-rtl.gif") no-repeat scroll -37px -110px transparent; +.menu-name-label { + margin-left: 15px; + margin-right:0; } - -.item-edit { - background:url("images/menu-bits-rtl.gif") no-repeat scroll -37px -105px transparent; +.auto-add-pages { + float: right; } \ No newline at end of file