compatibilité chrome

src/agenda_culturel/static/style.scss

@@ -10,8 +10,10 @@ $primary-600: #008080;
 $primary-700: #006c6c;
 $enable-responsive-typography: true;
 
+
 // Import Pico
 @import "./pico/pico";
+  
 
 [role="button"] {
     margin: 0.1em 0;
@@ -169,17 +171,20 @@ footer {
 #calendar {
     width: 100%;
     overflow: auto;
+
     .grid {
         grid-template-columns: repeat(auto-fit, minmax(0%, 1fr));
         min-width: 1500px;
+
     }
     .grid.week-in-month {
         grid-template-columns: 2.5em repeat(auto-fit, minmax(0%, 1fr));
         margin-bottom: .5em;
     }
     .entete-semaine {
-        text-orientation: upright;
-        writing-mode: sideways-lr;
+        text-orientation: mixed;
+        writing-mode: vertical-rl;
+        text-align: center;
         background: rgba(0, 137, 137, 0.2);
         padding: 1em 0;
         h2 {

src/agenda_culturel/templates/agenda_culturel/page-month.html

@@ -47,7 +47,7 @@
         {% if forloop.counter0|divisibleby:7 %}
             {% if not forloop.first %}</div><div class="grid week-in-month">{% endif %}
                 <div class="entete-semaine"><h2><a href="{% url 'week_view' calendar.year d.week %}?{{ filter.get_url }}">Semaine {{ d.week }}</a></h2></div>
-                {% endif %}
+        {% endif %}
         {% include "agenda_culturel/day-inc.html" with day=d resume=1 fixed_style=calendar.all_in_past filter=filter headers="h3" %}
         {% endfor %}
         </div>