From e3992f00a68c51208df7c0062ff4ec0cfa8339ec Mon Sep 17 00:00:00 2001
From: Benjamin Jones
Date: Mon, 17 Aug 2020 09:48:14 +0200
Subject: [PATCH] responsive fixes
---
_includes/program/program-item.html | 16 +++++++++-------
_layouts/event.html | 6 ++----
_sass/layouts/event.scss | 6 ++++++
_sass/layouts/program.scss | 4 ++++
_sass/utils/position-utils.scss | 10 ++++++++++
_sass/utils/responsive.scss | 6 ++++++
6 files changed, 37 insertions(+), 11 deletions(-)
diff --git a/_includes/program/program-item.html b/_includes/program/program-item.html
index 8075b85..d1c9128 100644
--- a/_includes/program/program-item.html
+++ b/_includes/program/program-item.html
@@ -3,14 +3,16 @@
{{ event.title_ }}
- →
- {% for eventParticipantId in event.participants %}
- {% for participant in site.data.rf2020.participants %}
- {% if participant.id == eventParticipantId %}
- {{ participant.fullname }}
- {% endif %}
+
+ →
+ {% for eventParticipantId in event.participants %}
+ {% for participant in site.data.rf2020.participants %}
+ {% if participant.id == eventParticipantId %}
+ {{ participant.fullname }}
+ {% endif %}
+ {% endfor %}
{% endfor %}
- {% endfor %}
+
{% if event.format %}
[{{ event.format }}]
diff --git a/_layouts/event.html b/_layouts/event.html
index 83ac425..7617078 100644
--- a/_layouts/event.html
+++ b/_layouts/event.html
@@ -31,7 +31,7 @@ lang: en
{{ page.description | markdownify }}
-
+
In this {{ page.format }}:
@@ -39,9 +39,7 @@ lang: en
{% for id in page.participants %}
{% for participant in site.data.rf2020.participants %}
{% if participant.id == id %}
-
- {{ participant.fullname }}
-
+ {{ participant.fullname }}
{% endif %}
{% endfor %}
{% endfor %}
diff --git a/_sass/layouts/event.scss b/_sass/layouts/event.scss
index 2d55dda..08bda88 100644
--- a/_sass/layouts/event.scss
+++ b/_sass/layouts/event.scss
@@ -21,5 +21,11 @@
h3 {
font-weight: bold;
}
+
+ .details {
+ div::last-of-type {
+ margin: 0;
+ }
+ }
}
}
diff --git a/_sass/layouts/program.scss b/_sass/layouts/program.scss
index 6bb1e77..360fc6d 100644
--- a/_sass/layouts/program.scss
+++ b/_sass/layouts/program.scss
@@ -6,6 +6,10 @@
li {
display: inline-block;
margin-right: $size-64;
+
+ @include touch {
+ line-height: 1.5;
+ }
}
h2 {
diff --git a/_sass/utils/position-utils.scss b/_sass/utils/position-utils.scss
index 829aa4a..64579c3 100644
--- a/_sass/utils/position-utils.scss
+++ b/_sass/utils/position-utils.scss
@@ -29,4 +29,14 @@
justify-content: center;
align-items: center;
}
+
+ &.flex-wrap {
+ flex-wrap: wrap;
+ }
+
+ &.flex-wrap-m {
+ @include touch {
+ flex-wrap: wrap;
+ }
+ }
}
diff --git a/_sass/utils/responsive.scss b/_sass/utils/responsive.scss
index 7def85f..78f5d77 100644
--- a/_sass/utils/responsive.scss
+++ b/_sass/utils/responsive.scss
@@ -56,3 +56,9 @@
@content;
}
}
+
+.hide-mobile {
+ @include touch {
+ display: none;
+ }
+}