diff --git a/assets/sass/_theme/sections/events.sass b/assets/sass/_theme/sections/events.sass index 1bb191b35d841a189c0602a9d323fcfda6c9d327..4e10a77008df4d9237bce895280b3427a243a59a 100644 --- a/assets/sass/_theme/sections/events.sass +++ b/assets/sass/_theme/sections/events.sass @@ -96,6 +96,9 @@ order: 1 &-content order: 2 + &-time + span + span + @include icon(arrow-right, before) .media order: 0 @include media-breakpoint-up(desktop) @@ -116,10 +119,19 @@ order: 1 grid-column: 1 / 10 margin-top: half($spacing0) + &-time + display: inline .media order: 2 @include media-breakpoint-up(md) .media grid-column: 11 / 13 - + @include media-breakpoint-down(md) + .media + order: 0 + &-content + order: 1 + &-dates + order: 3 + \ No newline at end of file diff --git a/layouts/partials/blocks/templates/agenda.html b/layouts/partials/blocks/templates/agenda.html index b336a2d1434bae56e32b19734dd0f37b165f1ed0..5e47a64db6f253c871c73dc0e850df7305cd117e 100644 --- a/layouts/partials/blocks/templates/agenda.html +++ b/layouts/partials/blocks/templates/agenda.html @@ -44,8 +44,16 @@ {{- end -}} </div> - <div class="event-dates"> + <div class="event-dates" itemprop="startDate" content="{{- if .dates.from.day -}}{{ .dates.from.day }}{{- end -}} {{- if .dates.from.hour -}}{{ .dates.from.hour }}{{- end -}}"> {{ .dates.computed.short }} + <div class="event-time"> + {{ if .dates.from.hour }} + <span>{{ .dates.from.hour }}</span> + {{ end }} + {{ if .dates.to.hour }} + <span> {{ .dates.to.hour }}</span> + {{ end }} + </div> </div> <div class="media"> diff --git a/layouts/partials/events/event.html b/layouts/partials/events/event.html index 715ae87ec726074608fb109afb8456a915e26cf0..480dcc4b36f3b302305d019f66a377dd30ddbd98 100644 --- a/layouts/partials/events/event.html +++ b/layouts/partials/events/event.html @@ -38,8 +38,16 @@ {{- end -}} </div> - <div class="event-dates"> + <div class="event-dates" itemprop="startDate" content="{{- if .Params.dates.from.day -}}{{ .Params.dates.from.day }}{{- end -}} {{- if .Params.dates.from.hour -}}{{ .Params.dates.from.hour }}{{- end -}}"> {{ .Params.dates.computed.short }} + <div class="event-time"> + {{ if .Params.dates.from.hour }} + <span>{{ .Params.dates.from.hour }}</span> + {{ end }} + {{ if .Params.dates.to.hour }} + <span> {{ .Params.dates.to.hour }}</span> + {{ end }} + </div> </div> <div class="media">