add vue component for sortable toggle elements and use it in some placesvue-sortable-element

2 files changed, 8 insertions, 7 deletions

diff --git a/resources/assets/stylesheets/scss/admin.scss b/resources/assets/stylesheets/scss/admin.scss
index af9aa5e..63866ad 100644
--- a/resources/assets/stylesheets/scss/admin.scss
+++ b/resources/assets/stylesheets/scss/admin.scss
@@ -149,11 +149,6 @@ fieldset.attribute_table {
         display: block;
     }
 
-    th .course-completion {
-        @include icon(before, radiobutton-checked);
-        color: var(--color--highlight);
-    }
-
     td .course-completion {
         @include icon(before, span-empty);
         color: var(--color--warning);
diff --git a/resources/assets/stylesheets/scss/tables.scss b/resources/assets/stylesheets/scss/tables.scss
index b2bc8c9..44740cb 100644
--- a/resources/assets/stylesheets/scss/tables.scss
+++ b/resources/assets/stylesheets/scss/tables.scss
@@ -269,11 +269,17 @@ tr.sortable {
         }
     }
 
-    th.sortasc {
+    th.sortasc:not(:has(button.as-link)) {
         @include icon('after', 'arr_1up', $size: $icon-size-inline, $align: top, $padding: 2px);
     }
+    th.sortdesc:not(:has(button.as-link)) {
+        @include icon('after', 'arr_1down', $size: $icon-size-inline, $align: top, $padding: 2px);
+    }
 
-    th.sortdesc {
+    th.sortasc button.as-link {
+        @include icon('after', 'arr_1up', $size: $icon-size-inline, $align: top, $padding: 2px);
+    }
+    th.sortdesc button.as-link {
         @include icon('after', 'arr_1down', $size: $icon-size-inline, $align: top, $padding: 2px);
     }