diff --git a/cms/static/js/base.js b/cms/static/js/base.js index 01a8d6450e..ee8df97b28 100644 --- a/cms/static/js/base.js +++ b/cms/static/js/base.js @@ -112,12 +112,14 @@ $(document).ready(function() { accept : '.unit', greedy: true, tolerance: "pointer", + hoverClass: "dropover", drop: onUnitReordered }); $('.subsection-list > ol').droppable({ // why don't we have a more useful class for subsections than id-holder? accept : '.id-holder', // '.unit, .id-holder', tolerance: "pointer", + hoverClass: "dropover", drop: onSubsectionReordered, greedy: true }); diff --git a/cms/static/sass/_courseware.scss b/cms/static/sass/_courseware.scss index 2fe4605a33..4ea110f4c8 100644 --- a/cms/static/sass/_courseware.scss +++ b/cms/static/sass/_courseware.scss @@ -25,18 +25,18 @@ input.courseware-unit-search-input { width: 145px; .status-label { - position: absolute; - top: 2px; - right: -5px; - display: none; - width: 110px; - padding: 5px 40px 5px 10px; - @include border-radius(3px); - color: $lightGrey; - text-align: right; - font-size: 12px; - font-weight: bold; - line-height: 16px; + position: absolute; + top: 2px; + right: -5px; + display: none; + width: 110px; + padding: 5px 40px 5px 10px; + @include border-radius(3px); + color: $lightGrey; + text-align: right; + font-size: 12px; + font-weight: bold; + line-height: 16px; } .menu-toggle { @@ -643,4 +643,21 @@ input.courseware-unit-search-input { margin-top: 10px; font-size: 13px; color: $darkGrey; -} \ No newline at end of file +} + +// sort/drag and drop +.ui-droppable { + min-height: 20px; + + &.dropover { + padding-top: 10px; + padding-bottom: 10px; + } +} + +ol.ui-droppable .branch:first-child .section-item { + border-top: none; +} + + +