<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN"
"http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head><meta http-equiv="content-type" content="text/html; charset=utf-8" /><style type="text/css"><!--
#msg dl { border: 1px #006 solid; background: #369; padding: 6px; color: #fff; }
#msg dt { float: left; width: 6em; font-weight: bold; }
#msg dt:after { content:':';}
#msg dl, #msg dt, #msg ul, #msg li, #header, #footer { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt;  }
#msg dl a { font-weight: bold}
#msg dl a:link    { color:#fc3; }
#msg dl a:active  { color:#ff0; }
#msg dl a:visited { color:#cc6; }
h3 { font-family: verdana,arial,helvetica,sans-serif; font-size: 10pt; font-weight: bold; }
#msg pre { overflow: auto; background: #ffc; border: 1px #fc0 solid; padding: 6px; }
#msg ul, pre { overflow: auto; }
#header, #footer { color: #fff; background: #636; border: 1px #300 solid; padding: 6px; }
#patch { width: 100%; }
#patch h4 {font-family: verdana,arial,helvetica,sans-serif;font-size:10pt;padding:8px;background:#369;color:#fff;margin:0;}
#patch .propset h4, #patch .binary h4 {margin:0;}
#patch pre {padding:0;line-height:1.2em;margin:0;}
#patch .diff {width:100%;background:#eee;padding: 0 0 10px 0;overflow:auto;}
#patch .propset .diff, #patch .binary .diff  {padding:10px 0;}
#patch span {display:block;padding:0 10px;}
#patch .modfile, #patch .addfile, #patch .delfile, #patch .propset, #patch .binary, #patch .copfile {border:1px solid #ccc;margin:10px 0;}
#patch ins {background:#dfd;text-decoration:none;display:block;padding:0 10px;}
#patch del {background:#fdd;text-decoration:none;display:block;padding:0 10px;}
#patch .lines, .info {color:#888;background:#fff;}
--></style>
<title>[14997] trunk/wp-admin/css: RTL menu updates.</title>
</head>
<body>

<div id="msg">
<dl>
<dt>Revision</dt> <dd><a href="http://trac.wordpress.org/changeset/14997">14997</a></dd>
<dt>Author</dt> <dd>nacin</dd>
<dt>Date</dt> <dd>2010-05-27 16:27:13 +0000 (Thu, 27 May 2010)</dd>
</dl>

<h3>Log Message</h3>
<pre>RTL menu updates. props yoavf, see <a href="http://trac.wordpress.org/ticket/13525">#13525</a>.</pre>

<h3>Modified Paths</h3>
<ul>
<li><a href="#trunkwpadmincssnavmenurtlcss">trunk/wp-admin/css/nav-menu-rtl.css</a></li>
<li><a href="#trunkwpadmincssnavmenurtldevcss">trunk/wp-admin/css/nav-menu-rtl.dev.css</a></li>
</ul>

</div>
<div id="patch">
<h3>Diff</h3>
<a id="trunkwpadmincssnavmenurtlcss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/nav-menu-rtl.css (14996 => 14997)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/nav-menu-rtl.css        2010-05-27 16:11:27 UTC (rev 14996)
+++ trunk/wp-admin/css/nav-menu-rtl.css        2010-05-27 16:27:13 UTC (rev 14997)
</span><span class="lines">@@ -1 +1 @@
</span><del>-#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(&quot;images/menu-bits-rtl.gif&quot;) no-repeat scroll -37px -110px transparent;}.item-edit{background:url(&quot;images/menu-bits-rtl.gif&quot;) no-repeat scroll -37px -105px transparent;}
</del><span class="cx">\ No newline at end of file
</span><ins>+#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(&quot;../images/menu-bits-rtl.gif&quot;);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;}
</ins><span class="cx">\ No newline at end of file
</span></span></pre></div>
<a id="trunkwpadmincssnavmenurtldevcss"></a>
<div class="modfile"><h4>Modified: trunk/wp-admin/css/nav-menu-rtl.dev.css (14996 => 14997)</h4>
<pre class="diff"><span>
<span class="info">--- trunk/wp-admin/css/nav-menu-rtl.dev.css        2010-05-27 16:11:27 UTC (rev 14996)
+++ trunk/wp-admin/css/nav-menu-rtl.dev.css        2010-05-27 16:27:13 UTC (rev 14997)
</span><span class="lines">@@ -9,10 +9,6 @@
</span><span class="cx">         float: right;
</span><span class="cx"> }
</span><span class="cx"> 
</span><del>-#menu-settings-column .handlediv {
-        background-position: 100% -110px;
-}
-
</del><span class="cx"> /* Menu Container */
</span><span class="cx"> #menu-management-liquid {
</span><span class="cx">         float: right;
</span><span class="lines">@@ -21,11 +17,7 @@
</span><span class="cx">         margin-left: 20px;
</span><span class="cx">         margin-right: 0;
</span><span class="cx"> }
</span><del>-        }
</del><span class="cx"> 
</span><del>-        #nav-menu-header {
-                background-position: right top;
-        }
</del><span class="cx"> 
</span><span class="cx">         #post-body {
</span><span class="cx">                 padding:0 10px 10px 0;
</span><span class="lines">@@ -43,11 +35,10 @@
</span><span class="cx">         }
</span><span class="cx">         #menu-management .nav-tabs-arrow-right {
</span><span class="cx">                 left: 0;
</span><del>-                right: auto;
</del><ins>+                right:auto;
</ins><span class="cx">                 text-align: left;
</span><span class="cx">         }
</span><span class="cx"> 
</span><del>-
</del><span class="cx"> #menu-management .nav-tabs {
</span><span class="cx">         padding-right: 30px;
</span><span class="cx">         padding-left: 10px;
</span><span class="lines">@@ -59,43 +50,43 @@
</span><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #select-nav-menu-container {
</span><del>-        padding: 0 10px 3px 10px;
</del><ins>+        text-align: left;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Menu Toolbar */
-#menu-management #major-publishing-actions #delete-action {
-        float: left;
-        margin-left: 10px;
-        margin-right: 0;
</del><ins>+#wpbody .open-label {
+        float:right;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> #wpbody .open-label span {
</span><span class="cx">         padding-left: 10px;
</span><del>-        padding-right: 0;
</del><ins>+        padding-right:0;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx">         .js .input-with-default-title {
</span><span class="cx">                 font-style: normal;
</span><ins>+                font-weight:bold;
</ins><span class="cx">         }
</span><span class="cx"> 
</span><span class="cx"> /* Add Menu Item Boxes */
</span><span class="cx"> .postbox .howto input {
</span><span class="cx">         float: left;
</span><span class="cx"> }
</span><del>-
-#side-sortables .potential-menu-item {
-        margin-right: 0;
</del><ins>+#nav-menu-theme-locations .button-controls {
+        text-align: left;
</ins><span class="cx"> }
</span><del>-#side-sortables .potential-menu-item ul {
-        margin-right: 0;
</del><span class="cx"> 
</span><ins>+/* Button Primary Actions */
+
+.meta-sep,
+.submitdelete,
+.submitcancel {
+        float:right;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><del>-/* Button Primary Actions */
-#cancel-save { margin-left:0; margin-right: 20px; }
</del><ins>+#cancel-save { margin-right: 20px; margin-left: 0; }
</ins><span class="cx"> 
</span><span class="cx"> /* Button Secondary Actions */
</span><del>-.list-controls { float: right; }
</del><ins>+.list-controls { float: right;  }
</ins><span class="cx"> .add-to-menu {
</span><span class="cx">         float: left;
</span><span class="cx"> }
</span><span class="lines">@@ -104,20 +95,28 @@
</span><span class="cx"> #add-custom-link label span { float: right; padding-left: 5px; padding-right:0;}
</span><span class="cx"> .howto span { float: right; }
</span><span class="cx"> 
</span><del>-/* Listings */
-.list li .menu-item-title input { margin-left: 3px; margin-right: 0; }
</del><ins>+.list li .menu-item-title input { margin-left: 3px; margin-right: 0 }
</ins><span class="cx"> 
</span><span class="cx"> /* Nav Menu */
</span><span class="cx"> .menu-item-handle {
</span><del>-        background-position: right top;
</del><span class="cx">         padding-right: 10px;
</span><span class="cx">         padding-left: 0;
</span><span class="cx"> }
</span><ins>+.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;
+}
</ins><span class="cx"> .menu-item-handle .item-title {
</span><span class="cx">         margin-left:13em;
</span><span class="cx">         margin-right:0;
</span><span class="cx"> }
</span><span class="cx"> 
</span><ins>+
</ins><span class="cx"> /* WARNING: The factor of 30px is hardcoded into the nav-menus javascript. */
</span><span class="cx"> .menu-item-depth-0 { margin-right: 0px; margin-left:0;}
</span><span class="cx"> .menu-item-depth-1 { margin-right: 30px; margin-left:0;}
</span><span class="lines">@@ -146,55 +145,62 @@
</span><span class="cx"> .menu-item-depth-11 .menu-item-transport { margin-right: -330px; margin-left:0;}
</span><span class="cx"> 
</span><span class="cx"> /* Menu item controls */
</span><del>-.item-type { padding-right:0; padding-left: 10px; }
-.item-controls { right:auto; left: 20px; }
-.item-controls .item-order { padding-left: 10px; padding-right:0;}
</del><ins>+.item-type { padding-left: 10px;  padding-right:0;}
+.item-controls { left: 20px; right: auto;}
+.item-controls .item-order { padding-left: 10px; padding-right: 0;}
</ins><span class="cx"> 
</span><span class="cx"> .item-edit {
</span><ins>+        background-image: url(&quot;../images/menu-bits-rtl.gif&quot;);
</ins><span class="cx">         background-position: 100% -105px;
</span><span class="cx">         left: -20px;
</span><del>-        right: auto;
</del><ins>+        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;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><span class="cx"> /* Menu editing */
</span><span class="cx"> .menu-item-settings {
</span><span class="cx">         padding: 10px 10px 10px 0;
</span><ins>+        border-width: 0 1px 1px 1px;
</ins><span class="cx"> }
</span><span class="cx"> 
</span><ins>+.link-to-original {
+        font-style: normal;
+        font-weight: bold;
+}
</ins><span class="cx">         .link-to-original a {
</span><span class="cx">                 padding-right: 4px;
</span><del>-                padding-left: 0;
</del><ins>+                padding-left:0;
</ins><span class="cx">         }
</span><span class="cx"> 
</span><span class="cx"> .menu-item-settings .description-thin,
</span><span class="cx"> .menu-item-settings .description-wide {
</span><span class="cx">         margin-left: 10px;
</span><del>-        margin-right: 0;
</del><ins>+        margin-right:0;
</ins><span class="cx">         float: right;
</span><span class="cx"> }
</span><del>-.save-menu-item {
-        padding-right: 10px;
-        padding-left: 0;
-        float: left;
-}
</del><span class="cx"> 
</span><ins>+/* Major/minor publishing actions (classes) */
</ins><span class="cx"> .major-publishing-actions .publishing-action {
</span><span class="cx">         text-align: left;
</span><span class="cx">         float: left;
</span><span class="cx"> }
</span><span class="cx"> .major-publishing-actions .delete-action {
</span><span class="cx">         text-align: right;
</span><del>-        float: left;
</del><ins>+        float: right;
</ins><span class="cx">         padding-left: 15px;
</span><del>-        padding-right: 0;
</del><ins>+        padding-right:0;
</ins><span class="cx"> }
</span><del>-
-/* Box controls */
-
-#menu-settings-column .handlediv {
-        background:url(&quot;images/menu-bits-rtl.gif&quot;) no-repeat scroll -37px -110px transparent;
</del><ins>+.menu-name-label {
+        margin-left: 15px;
+        margin-right:0;
</ins><span class="cx"> }
</span><del>-
-.item-edit {
-        background:url(&quot;images/menu-bits-rtl.gif&quot;) no-repeat scroll -37px -105px transparent;
</del><ins>+.auto-add-pages {
+        float: right;
</ins><span class="cx"> }
</span><span class="cx">\ No newline at end of file
</span></span></pre>
</div>
</div>

</body>
</html>