Fix session calendar style - refs BT#15394 #2801

app/Resources/public/css/base.css

@@ -9771,29 +9771,31 @@ ul.dropdown-menu.inner > li > a {
 }
 #calendar-session-planification td.col-week {
     padding: 0px 0px;
-    position: relative;
     white-space: nowrap;
 }
-#calendar-session-planification td.col-week.in_last_year:before,
-#calendar-session-planification td.col-week.in_next_year:after {
+#calendar-session-planification td.col-week.in_last_year > span:before,
+#calendar-session-planification td.col-week.in_next_year > span:after {
     bottom: 0px;
     border: 5px solid transparent;
     border-bottom: 15px solid #FFF;
     border-top: 15px solid #FFF;
     content: " ";
+    display: block;
     position: absolute;
     top: 0px;
     width: 5px;
 }
-#calendar-session-planification td.col-week.in_last_year:before {
+#calendar-session-planification td.col-week.in_last_year > span:before {
     border-left-width: 0;
     left: 0;
 }
-#calendar-session-planification td.col-week.in_next_year:after {
+#calendar-session-planification td.col-week.in_next_year > span:after {
     border-right-width: 0;
     right: -1px;
 }
-#calendar-session-planification td.col-week span {
+#calendar-session-planification td.col-week > span {
+    display: block;
+    position: relative;
 }
 
 /* Fix grid with one row and multiples columns. Works for .col-sm-6.col-md-4.col-lg-3 */

main/template/default/agenda/planification.tpl

@@ -47,7 +47,9 @@
                         <td class="col-week text-center {{ session.start_in_last_year or session.no_start ? 'in_last_year' : '' }} {{ session.end_in_next_year or session.no_end ? 'in_next_year' : '' }}"
                             colspan="{{ session.duration }}" title="{{ session.human_date }}"
                             style="background-color: {{ colors[loop.index0] }}">
-                            <span class="sr-only">{{ session.human_date }}</span>
+                            <span>
+                                <span class="sr-only">{{ session.human_date }}</span>
+                            </span>
                         </td>
 
                         {% if session.duration + session.start < 52 %}