lightli/rf-web
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

responsive fixes

Browse Source
This commit is contained in:
Benjamin Jones 2020-08-17 09:48:14 +02:00
parent 82d400ffcd
commit e3992f00a6
6 changed files with 37 additions and 11 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

16
_includes/program/program-item.html
View File

@ -3,14 +3,16 @@
<li class="textbox margin-16-bottom"> <li class="textbox margin-16-bottom">
<a href="/rf2020/events/{{ event.ref }}.html">{{ event.title_ }}</a> <a href="/rf2020/events/{{ event.ref }}.html">{{ event.title_ }}</a>
<span>→</span> <span class="hide-mobile">
{% for eventParticipantId in event.participants %} <span>→</span>
{% for participant in site.data.rf2020.participants %} {% for eventParticipantId in event.participants %}
{% if participant.id == eventParticipantId %} {% for participant in site.data.rf2020.participants %}
<a href="/rf2020/participants/{{ participant.ref }}.html">{{ participant.fullname }}</a> {% if participant.id == eventParticipantId %}
{% endif %} <a href="/rf2020/participants/{{ participant.ref }}.html">{{ participant.fullname }}</a>
{% endif %}
{% endfor %}
{% endfor %} {% endfor %}
{% endfor %} </span>
{% if event.format %} {% if event.format %}
<span>[{{ event.format }}]</span> <span>[{{ event.format }}]</span>

6
_layouts/event.html
View File

@ -31,7 +31,7 @@ lang: en
{{ page.description | markdownify }} {{ page.description | markdownify }}
</p> </p>
</div> </div>
<div class="flex flex-row flex-justify-space-between"> <div class="flex flex-row flex-justify-space-between flex-wrap-m details">
<div class="post-content inline-block"> <div class="post-content inline-block">
<h3> <h3>
In this {{ page.format }}: In this {{ page.format }}:
@ -39,9 +39,7 @@ lang: en
{% for id in page.participants %} {% for id in page.participants %}
{% for participant in site.data.rf2020.participants %} {% for participant in site.data.rf2020.participants %}
{% if participant.id == id %} {% if participant.id == id %}
<a class="block with-url-arrow" href="/rf2020/participants/{{ participant.ref }}.html">{{ participant.fullname }}</a>
<a class="block with-url-arrow" href="/rf2020/participants/{{ participant.ref }}.html">{{ participant.fullname }}</a>
{% endif %} {% endif %}
{% endfor %} {% endfor %}
{% endfor %} {% endfor %}

6
_sass/layouts/event.scss
View File

@ -21,5 +21,11 @@
h3 { h3 {
font-weight: bold; font-weight: bold;
} }
.details {
div::last-of-type {
margin: 0;
}
}
} }
} }

4
_sass/layouts/program.scss
View File

@ -6,6 +6,10 @@
li { li {
display: inline-block; display: inline-block;
margin-right: $size-64; margin-right: $size-64;
@include touch {
line-height: 1.5;
}
} }
h2 { h2 {

10
_sass/utils/position-utils.scss
View File

@ -29,4 +29,14 @@
justify-content: center; justify-content: center;
align-items: center; align-items: center;
} }
&.flex-wrap {
flex-wrap: wrap;
}
&.flex-wrap-m {
@include touch {
flex-wrap: wrap;
}
}
} }

6
_sass/utils/responsive.scss
View File

@ -56,3 +56,9 @@
@content; @content;
} }
} }
.hide-mobile {
@include touch {
display: none;
}
}