Met en évidence le choix du parcours à l'hover

Co-authored-by: Clément Prod'homme <[email protected]>

app/admin/campagnes.rb

@@ -65,7 +65,8 @@ def assigne_valeurs_par_defaut
     end
 
     def parcours_type
-      @parcours_type = ParcoursType.includes(situations_configurations: :situation).all
+      @parcours_type = ParcoursType.includes(situations_configurations: :situation)
+                                   .order(:created_at)
     end
   end
 end

app/assets/stylesheets/admin/composants/_input_choix_parcours.scss

@@ -40,10 +40,17 @@
       min-height: 250px;
       padding: 1rem;
       cursor: pointer;
-      transition: background-color,border-color,color .2s;
+      transition: background-color,border-color,box-shadow, color .2s;
       user-select: none;
       display: flex;
       flex-direction: column;
+      &:hover {
+        box-shadow: 0 0 0 2px $eva_main_blue;
+        border-color: transparent;
+        .choix-parcours-titre {
+          color: $eva_main_blue;
+        }
+      }
     }
 
     .choix-parcours-titre {
@@ -73,12 +80,12 @@
       }
     }
 
-    input:checked + div {
+    input:checked + .choix-parcours-item {
       border-color: $couleur-texte;
       background: $eva_main_blue;
 
       .choix-parcours-titre {
-        color: $eva_dark
+        color: $eva_dark;
       }
 
       &, p, ul li {

config/locales/views/campagnes.yml

@@ -7,7 +7,8 @@ fr:
         titre_informations: Informations de la campagne
         explication_informations_campagne: Le libellé est le nom utilisé pour designer la campagne dans votre espace conseiller. Le code campagne est le code saisi par les bénéficiaires pour être rattachés à votre compte.
         choix_parcours: Choix du parcours
-        explication_choix_parcours: Une campagne eva est constituée de jeux sérieux appelés “mise en situation”. Ci-dessous, il est possible de choisir entre deux séries de mises en situation. Vous pouvez en consulter le descriptif pour sélectionner le parcours correspondant aux compétences que vous souhaitez évaluer.
+        explication_choix_parcours: |
+          Une campagne eva est constituée de jeux sérieux appelés “mise en situation”. Les personnes évaluées vont parcourir plusieurs jeux. Veuillez choisir un parcours parmi les propositions suivantes en fonction des compétences que vous voulez évaluer :
         configuration_avancee: Configuration avancée
       show:
         titre_panel_parcours: Parcours