diff --git a/public_html/media/css/upload.css b/public_html/media/css/upload.css index 2fe8eac0..6a0d915d 100644 --- a/public_html/media/css/upload.css +++ b/public_html/media/css/upload.css @@ -50,15 +50,48 @@ margin-bottom: 4em; } -.post .remove-trigger { - cursor: pointer; +.post .ops { float: right; - color: rgba(128, 0, 0, 0.25); +} + +.post .ops a { + cursor: pointer; + margin-left: 0.5em; vertical-align: middle; } -.post .remove-trigger span { +.post a span { margin-left: 0.25em; vertical-align: middle; +} + +.post .move-up-trigger, +.post .move-down-trigger { + color: rgba(0, 64, 128, 0.5); +} +.post .move-up-trigger:hover, +.post .move-down-trigger:hover { + color: #00f; +} +.post .move-up-trigger span, +.post .move-down-trigger span { + color: rgba(0, 64, 128, 1); +} + +.post:first-child .move-up-trigger { + display: none; +} +.post:last-child .move-down-trigger { + display: none; +} + + +.post .remove-trigger { + color: rgba(128, 0, 0, 0.5); +} +.post .remove-trigger:hover { + color: #f00; +} +.post .remove-trigger span { color: rgba(128, 0, 0, 1); font-size: 130%; } diff --git a/public_html/media/js/upload.js b/public_html/media/js/upload.js index b0b6d868..3e0ae023 100644 --- a/public_html/media/js/upload.js +++ b/public_html/media/js/upload.js @@ -39,6 +39,15 @@ $(function() handleFiles(this.files); }); + $('.post .move-down-trigger, .post .move-up-trigger').on('click', function() + { + var dir = $(this).hasClass('move-down-trigger') ? 'd' : 'u'; + var post = $(this).parents('.post'); + if (dir == 'u') + post.insertBefore(post.prev('.post')); + else + post.insertAfter(post.next('.post')); + }); $('.post .remove-trigger').on('click', function() { $(this).parents('.post').slideUp(function() diff --git a/src/Views/post-upload.phtml b/src/Views/post-upload.phtml index e3a0b7fb..33481af6 100644 --- a/src/Views/post-upload.phtml +++ b/src/Views/post-upload.phtml @@ -38,9 +38,19 @@

Some kind of error

- - remove × - +
+ + move up + + + + move down + + + + remove × + +
Thumbnail