diff --git a/src/agenda_culturel/static/style.scss b/src/agenda_culturel/static/style.scss index 66820b3..7855203 100644 --- a/src/agenda_culturel/static/style.scss +++ b/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 { diff --git a/src/agenda_culturel/templates/agenda_culturel/page-month.html b/src/agenda_culturel/templates/agenda_culturel/page-month.html index d815c50..490c33c 100644 --- a/src/agenda_culturel/templates/agenda_culturel/page-month.html +++ b/src/agenda_culturel/templates/agenda_culturel/page-month.html @@ -47,7 +47,7 @@ {% if forloop.counter0|divisibleby:7 %} {% if not forloop.first %}