accourse resume page: actions and activities are clickable links

src/Bundle/ChillActivityBundle/Resources/views/Activity/list_recent.html.twig

@@ -2,13 +2,11 @@
     {% for activity in activities | slice(0,5) %}
         {% set t = activity.type %}
 
-        {#
         <a href="{{ path('chill_activity_activity_show', { 'id': activity.id, 'person_id': person_id, 'accompanying_period_id': accompanying_course_id }) }}"
-           class="btn btn-sm btn-show" title="{{ 'voir' }}">
-        </a>
-        #}
+            class="badge-link" title="{{ 'Show the activity'|trans }}">
 
-        {% include '@ChillActivity/Activity/activity-badge-title.html.twig' %}
+            {% include '@ChillActivity/Activity/activity-badge-title.html.twig' %}
+        </a>
 
     {% endfor %}
 </div>

src/Bundle/ChillPersonBundle/Resources/public/chill/scss/badge.scss

@@ -49,8 +49,6 @@ h2.badge-title {
     width: 100%;
     color: $dark;
 
-    a & { text-decoration: none; }  // ?!? keep it ?
-
     span.title_label {
         border-radius: 0.35rem 0 0 0.35rem;
         color: $white;
@@ -75,7 +73,7 @@ h2.badge-title {
         flex-grow: 1;
         margin: 0 0 0 auto;
         border-radius: 0 0.35rem 0.35rem 0;
-        background-color: $light;
+        background-color: $chill-llight-gray;
         padding: 0.2em 1em;
 
         ul.small_in_title {
@@ -83,6 +81,26 @@ h2.badge-title {
             font-size: 70%;
             padding-left: 1rem;
         }
+
+        &:hover {
+            background-color: $chill-ll-gray;
+        }
+    }
+}
+
+/// theses links apply on badge (or other styled elements) as parent tag.
+// They don't have button, picto or simple text appearance
+a.badge-link {
+    color: unset;
+    text-decoration: unset;
+    & > h2.badge-title {
+        &:hover {
+            box-shadow: 0 0 7px 0 $chill-gray;
+            opacity: 0.8;
+        }
+        span.title_action:hover {
+            //background-color: ;
+        }
     }
 }
 

src/Bundle/ChillPersonBundle/Resources/views/AccompanyingCourseWork/list_recent_by_accompanying_period.html.twig

@@ -1,11 +1,8 @@
   <div class="accompanying_course_work-list">
     {% for w in works | slice(0,5) %}
 
-        {#
-        <a href="{{ chill_path_add_return_path('chill_person_accompanying_period_work_edit', { 'id': w.id }) }}"
-           class="btn btn-sm btn-show" title="{{ 'voir' }}">
-        </a>
-        #}
+    <a href="{{ chill_path_add_return_path('chill_person_accompanying_period_work_edit', { 'id': w.id }) }}"
+       class="badge-link" title="{{ 'crud.social_action.title_link'|trans }}">
 
         <h2 class="badge-title">
             <span class="title_label">
@@ -35,6 +32,8 @@
 
             </span>
         </h2>
+
+    </a>
     {% endfor %}
   </div>
 

src/Bundle/ChillPersonBundle/translations/messages.fr.yml

@@ -334,6 +334,7 @@ crud:
             add_new: Ajouter une nouvelle action d'accompagnements
         title_new: Nouvelle action d'accompagnements
         title_edit: Modifier l'action d'accompagnements
+        title_link: Voir l'action d'accompagnement
     social_goal:
         index:
             title: Liste des objectifs d'action d'accompagnements