Merge pull request #27 from uclouvain/feature/OA-9022

Feature/oa 9022
uclouvain · Mar 12, 2024 · d1687d1 · d1687d1
2 parents 1f72945 + c2387df
commit d1687d1
Show file tree

Hide file tree

Showing 2 changed files with 10 additions and 7 deletions.
diff --git a/frontend/AsyncTasksViewer.vue b/frontend/AsyncTasksViewer.vue
@@ -25,8 +25,11 @@
   -->
 <template>
   <a
-      class="dropdown-toggle"
+      class="dropdown-toggle nav-link"
       data-toggle="dropdown"
+      data-bs-toggle="dropdown"
+      data-bs-auto-close="outside"
+      href="#"
       role="button"
       aria-haspopup="true"
       aria-expanded="false"
@@ -40,7 +43,7 @@
     </div>
   </a>
   <ul
-      class="dropdown-menu async-tasks-dropdown"
+      class="dropdown-menu async-tasks-dropdown dropdown-menu-end w-md-container w-xl-container"
   >
     <li v-if="error">
       <div

diff --git a/frontend/components/AsyncTask.vue b/frontend/components/AsyncTask.vue
@@ -26,25 +26,25 @@
 <template>
   <li class="async-task-dropdown-item container">
     <div class="row">
-      <div class="col-md-12 text-left">
+      <div class="col-12 text-left text-start">
         <span :class="{ 'font-bold': !isDone }">
           {{ name }}
         </span>
-        <span class="async-task-date pull-right">
+        <span class="async-task-date pull-right float-end">
           <em>{{ asyncDate }}</em>
         </span>
       </div>
-      <div class="col-md-12 text-left">
+      <div class="col-12 text-left text-start">
         <span
             class="async-task-text"
             v-html="description"
         />
       </div>
-      <div class="col-md-12">
+      <div class="col-12">
         <div class="progress">
           <div
               class="progress-bar progress-bar-striped"
-              :class="{ 'active': isProcessing, 'progress-bar-success': isDone, 'progress-bar-danger': isInError }"
+              :class="{ 'active': isProcessing, 'progress-bar-success bg-success': isDone, 'progress-bar-danger bg-danger': isInError }"
               role="progressbar"
               :aria-valuenow="computedProgression"
               aria-valuemin="0"