Droppable questions: Add counter in boxes see BT#14338

Author: jmontoyaa

app/Resources/public/css/base.css

@@ -5267,6 +5267,24 @@ ul.exercise-draggable-answer .touch-items:hover {
     border: dotted #dddddd 2px;
     border-radius: 4px;
     color: #666666;
+
+    /* Extra */
+    display: inline-block;
+    width: 85%;
+    margin-bottom: 0px;
+}
+
+.question_options .droppable-item{
+    background-color: #84bd00;
+    color: #FFF;
+    /* padding: 10px;*/
+    padding: 3px 0px 3px 5px;
+}
+.question_options .droppable-item .number{
+    font-size: 16px;
+    font-weight: bold;
+    /*width: 30px;*/
+    display: inline-block;
 }
 
 .question_options .ui-helper-reset {

main/inc/lib/exercise.lib.php

@@ -1093,7 +1093,10 @@ class="window window_left_question window{$questionId}_question">
                         $s .= $isVertical ? '<div class="row">' : '';
                         $s .= '
                             <div class="'.($isVertical ? 'col-md-12' : 'col-xs-12 col-sm-4 col-md-3 col-lg-2').'">
-                                <div id="drop_'.$windowId.'" class="droppable">&nbsp;</div>
+                                <div class="droppable-item">
+                                    <span class="number">'.$counterAnswer.'.</span>
+                                    <div id="drop_'.$windowId.'" class="droppable">&nbsp;</div>
+                                 </div>
                             </div>
                         ';
                         $s .= $isVertical ? '</div>' : '';