From 478d3b2d7f394ee9a03d75be70e471c354585d76 Mon Sep 17 00:00:00 2001
From: Olivia206 <olivia.simonet206@gmail.com>
Date: Mon, 18 Sep 2023 18:16:44 +0200
Subject: [PATCH] added changes for mobile
---
assets/sass/_theme/sections/events.sass | 14 +++++++++++++-
layouts/partials/blocks/templates/agenda.html | 10 +++++++++-
layouts/partials/events/event.html | 10 +++++++++-
3 files changed, 31 insertions(+), 3 deletions(-)
diff --git a/assets/sass/_theme/sections/events.sass b/assets/sass/_theme/sections/events.sass
index 1bb191b3..4e10a770 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 b336a2d1..5e47a64d 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 715ae87e..480dcc4b 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">
--
GitLab