diff --git a/assets/css/src/calendar-strip.css b/assets/css/src/calendar-strip.css index 1edd6ad..96772ab 100644 --- a/assets/css/src/calendar-strip.css +++ b/assets/css/src/calendar-strip.css @@ -5,7 +5,7 @@ width: 100%; display: flex; align-items: center; - z-index: 2; + z-index: 4; } .calendar-strip__selector { @@ -40,7 +40,7 @@ margin-bottom: 0.2rem; } -.calendar-strip__day.active span:nth-child(2) { +.calendar-strip__day.active span:nth-child(3) { text-decoration: underline; } @@ -66,6 +66,19 @@ max-height: 20rem; } +.calendar-strip .session { + position: relative; + display: grid; + grid-template-columns: 1fr 1fr 0.5fr 1.5fr 1.5fr; + padding: var(--padding-vertical) var(--space-m); +} + +.calendar-strip .session__event-link { + position: absolute; + inset: 0; + z-index: 1; +} + @media screen and (max-width: 800px) { .calendar-strip { margin-top: 2rem; diff --git a/assets/css/src/generic.css b/assets/css/src/generic.css index 9ae6597..0364877 100644 --- a/assets/css/src/generic.css +++ b/assets/css/src/generic.css @@ -138,12 +138,6 @@ border-bottom: var(--border); } -.session__event-link { - display: grid; - grid-template-columns: 1fr 1fr 0.5fr 1.5fr 1.5fr; - padding: var(--padding-vertical) var(--space-m); -} - .session:hover { background-color: var(--color); } diff --git a/site/snippets/calendar-strip.php b/site/snippets/calendar-strip.php index 9588930..6e00f27 100644 --- a/site/snippets/calendar-strip.php +++ b/site/snippets/calendar-strip.php @@ -93,7 +93,7 @@ calendrier
-