Add ability to drag objects from meta boxes and drop them into your menu. Includes multiple-select before dragging. Select all is todo. Checkboxes remain non-JS fallback. props koopersmith, see #13247.

git-svn-id: https://develop.svn.wordpress.org/trunk@14434 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Andrew Nacin
2010-05-04 07:24:49 +00:00
parent 11e0a2e969
commit a87ced35aa
9 changed files with 220 additions and 61 deletions

File diff suppressed because one or more lines are too long

View File

@@ -201,6 +201,66 @@ body {
width: 210px;
}
.add-menu-item-view-all {
height: 400px;
}
#side-sortables .potential-menu-item {
margin-left: 0;
position: relative;
margin: 6px 0;
}
#side-sortables .potential-menu-item ul {
margin-left: 0;
}
#side-sortables .potential-menu-item li {
cursor: move;
padding: 1px 6px;
border-radius: 4px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
-khtml-border-radius: 4px;
}
.potential-menu-item li {
background: #eee;
border: 1px solid #dfdfdf;
color: #646464;
}
.potential-menu-item li:hover {
color: #222;
border-color: #ccc;
background: #f9f9f9;
}
.selected-menu-item li {
background: #FFFFE0;
border-color: #E6DB55;
}
.selected-menu-item li:hover {
background: #ffffbe;
border-color: #e2d537;
}
.potential-menu-item .item-controls,
.potential-menu-item .menu-item-transport {
display: none;
}
.potential-menu-item .ui-draggable-dragging div,
.potential-menu-item .menu-item-handle .item-controls {
display: block;
}
#side-sortables .new-menu-item,
#side-sortables .new-menu-item li,
#side-sortables .additional-menu-items li {
background: transparent;
border: 0;
}
#side-sortables .additional-menu-items li {
margin-top: 13px;
}
.item-edit img.waiting {
display: block;
}
/* Button Primary Actions */
#menu-container .submit { margin: 0px 0px 10px; padding: 0px; }
@@ -259,16 +319,15 @@ body {
.menu li {
margin-bottom: 0;
}
.menu li dl {
.menu-item-bar {
clear:both;
line-height:1.5em;
position:relative;
margin-top: 13px;
}
.menu li dl dt {
.menu-item-handle {
background: url("../images/gray-grad.png") repeat-x scroll left top #DFDFDF;
border: 1px solid #E6E6E6;
clear:both;
position: relative;
padding-left: 10px;
height: auto;
@@ -277,14 +336,12 @@ body {
text-shadow: 0 1px 0 #FFFFFF;
font-weight:bold;
overflow: hidden;
}
.menu li dl.menu-item-edit-inactive dt {
border-radius: 6px;
-webkit-border-radius: 6px;
-moz-border-radius: 6px;
-khtml-border-radius: 6px;
}
.menu li dl.menu-item-edit-active dt {
.menu-item-edit-active .menu-item-handle {
-moz-border-radius: 6px 6px 0 0;
-webkit-border-top-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
@@ -293,16 +350,14 @@ body {
border-top-right-radius: 6px;
border-top-left-radius: 6px;
}
.js .menu li dl dt {
.js .menu-item-handle {
cursor: move;
}
.menu li dl dt:hover {
}
.menu li.deleting dl dt {
.menu li.deleting .menu-item-handle {
background-color:#faa;
}
.menu li .item-title {
.menu-item-handle .item-title {
padding: 7px 0;
line-height: 20px;
display:block;

File diff suppressed because one or more lines are too long

View File

@@ -2004,13 +2004,11 @@ input#link_url {
border-width: 1px;
}
.nav-menus-php .categorydiv div.tabs-panel,
.nav-menus-php .customlinkdiv div.tabs-panel,
.nav-menus-php .posttypediv div.tabs-panel,
.nav-menus-php .taxonomydiv div.tabs-panel,
.nav-menus-php #linkcategorydiv div.tabs-panel {
.nav-menus-php .taxonomydiv div.tabs-panel {
height: auto;
max-height: 205px;
overflow: visible;
}
div.tabs-panel-active {