Make sorting in media consistent with sorting in content (#9756)

umbraco · Feb 21, 2021 · 821cba5 · 821cba5
1 parent 01991db
commit 821cba5
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 6 deletions.
diff --git a/src/Umbraco.Web.UI.Client/src/views/media/media.sort.controller.js b/src/Umbraco.Web.UI.Client/src/views/media/media.sort.controller.js
@@ -11,6 +11,8 @@
         vm.saveButtonState = "init";
         vm.sortOrder = {};
         vm.sortableOptions = {
+            axis: "y",
+            containment: "parent",
             distance: 10,
             tolerance: "pointer",
             opacity: 0.7,

diff --git a/src/Umbraco.Web.UI.Client/src/views/media/sort.html b/src/Umbraco.Web.UI.Client/src/views/media/sort.html
@@ -19,19 +19,17 @@
                         <tr>
                             <th colspan="2">
                                 <button type="button" class="btn-reset" ng-click="vm.sort('name')">
-                                    <b><localize key="general_name">Name</localize></b>
+                                    <strong><localize key="general_name">Name</localize></strong>
                                     <span ng-if="vm.sortOrder.column === 'name'" aria-hidden="true">
-                                        <i ng-if="vm.sortOrder.reverse" class="icon-navigation-up"></i>
-                                        <i ng-if="!vm.sortOrder.reverse" class="icon-navigation-down"></i>
+                                        <i ng-class="{ 'icon-navigation-up': vm.sortOrder.reverse, 'icon-navigation-down': !vm.sortOrder.reverse }"></i>
                                     </span>
                                 </button>
                             </th>
                             <th>
                                 <button type="button" class="btn-reset" ng-click="vm.sort('createDate')">
-                                    <b><localize key="sort_sortCreationDate">Creation date</localize></b>
+                                    <strong><localize key="sort_sortCreationDate">Creation date</localize></strong>
                                     <span ng-if="vm.sortOrder.column === 'createDate'" aria-hidden="true">
-                                        <i ng-if="vm.sortOrder.reverse" class="icon-navigation-up"></i>
-                                        <i ng-if="!vm.sortOrder.reverse" class="icon-navigation-down"></i>
+                                        <i ng-class="{ 'icon-navigation-up': vm.sortOrder.reverse, 'icon-navigation-down': !vm.sortOrder.reverse }"></i>
                                     </span>
                                 </button>
                             </th>