css setting panel description for arrow state CT#8123

app/Resources/public/css/base.css

@@ -507,6 +507,15 @@ ul#navigation .report a {
 #exercise-description.panel-default{
     border: 1px solid #DDD;
 }
+#exercise-description .panel-heading a span{
+    margin-left: 25px;
+}
+#exercise-description .panel-heading a{
+    background: url("../../main/img/icons/22/arrow-up-collapse.png") no-repeat left center;
+}
+#exercise-description .panel-heading a.collapsed{
+    background: url("../../main/img/icons/22/arrow-down-collapse.png") no-repeat left center;
+}
 /*****************************************************
  *              AGENDA                               *
  *****************************************************/

main/exercice/exercise_submit.php

@@ -1096,10 +1096,18 @@ if (!empty($error)) {
         }
 
         // Showing the question
-        
-        
         if (!empty($objExercise->description)){
-            echo Display::panel($objExercise->description, get_lang('ExerciseDescriptionLabel'));
+            //echo Display::panel($objExercise->description, get_lang('ExerciseDescriptionLabel'));
+            echo Display::panelCollapse('<span>'.
+                get_lang('ExerciseDescriptionLabel').'</span>',
+                $objExercise->description,
+                'exercise-description',
+                [],
+                'description',
+                'exercise-collapse',
+                false,
+                true
+            );
         }
 
         echo '<div id="question_div_'.$questionId.'" class="main-question '.$remind_highlight.'" >';