Fix template when many teachers in grid view #2253

main/template/default/user_portal/grid_session.tpl

@@ -38,12 +38,33 @@
                   </h4>
                 </div>
                 <div class="block-author">
+                    {% if course.teachers | length > 2 %}
+                        <a
+                                id="plist"
+                                data-trigger="focus"
+                                tabindex="0" role="button"
+                                class="btn btn-default panel_popover"
+                                data-toggle="popover"
+                                title="{{ 'CourseTeachers' | get_lang }}"
+                                data-html="true"
+                        >
+                            <i class="fa fa-graduation-cap" aria-hidden="true"></i>
+                        </a>
+                        <div id="popover-content-plist" class="hide">
+                    {% endif %}
+
                     {% for teacher in course.teachers %}
                         {% if course.teachers | length > 2 %}
-                          <a href="{{ teacher.url }}" class="ajax"
-                             data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
+                              <div class="popover-teacher">
+                              <a href="{{ teacher.url }}" class="ajax">
                                   <img src="{{ teacher.avatar }}"/>
                               </a>
+                                  <div class="teachers-details">
+                                      <h5>
+                                      {{ teacher.firstname }} {{ teacher.lastname }}
+                                      </h5>
+                                  </div>
+                              </div>
                         {% else %}
                           <a href="{{ teacher.url }}" class="ajax"
                              data-title="{{ teacher.firstname }} {{ teacher.lastname }}">
@@ -60,8 +81,14 @@
                           </div>
                         {% endif %}
                     {% endfor %}
+
+                    {% if course.teachers | length > 2 %}
+                        </div>
+                    {% endif %}
+                </div>
+                <div class="notifications">
+                    {{ course.notifications }}
                 </div>
-                <div class="notifications">{{ course.notifications }}</div>
                 {% if item.student_info %}
                     <div class="black-student">
                     {% if (item.student_info.progress is not null) and (item.student_info.score is not null) %}