interaktionsweise/hippie
1
1
Fork 0
Code Issues Pull requests Releases 3 Activity Actions

feat: Responsiveness for lists

Browse source 
- New style for lists
- Change index list layout
This commit is contained in:
sthag 2026-03-08 14:42:16 +01:00
parent dd8b461034
commit 3ae1cebdd6
3 changed files with 37 additions and 22 deletions
Download patch file Download diff file Expand all files Collapse all files

42
source/screens/demo/index.liquid
View file

@ -34,7 +34,7 @@ tags:
<h3>Overview</h3>
</div>
<nav>
<ul class="list_link">
<ul class="block list_link">
{% for link in collections.demoIndex %}
<li>
<a href="{{ link.page.url }}">{{ link.data.title }}</a>
@ -42,24 +42,30 @@ tags:
{% endfor %}
</ul>
</nav>
<h3>Page</h3>
<ul class="list_link">
{% assign pagesByTitle = collections.demoPage | sort: 'data.title' %}
<div class="responsive">
<section>
<h3>Page</h3>
<ul class="block list_link">
{% assign pagesByTitle = collections.demoPage | sort: 'data.title' %}
{% for link in pagesByTitle %}
<li>
<a href="{{ link.page.url }}">{{ link.data.title }}</a>
</li>
{% endfor %}
</ul>
<h3>Example</h3>
<ul class="list_link">
{% for link in collections.demoExample %}
<li>
<a href="{{ link.page.url }}">{{ link.data.title }}</a>
</li>
{% endfor %}
</ul>
{% for link in pagesByTitle %}
<li>
<a href="{{ link.page.url }}">{{ link.data.title }}</a>
</li>
{% endfor %}
</ul>
</section>
<section>
<h3>Example</h3>
<ul class="block list_link">
{% for link in collections.demoExample %}
<li>
<a href="{{ link.page.url }}">{{ link.data.title }}</a>
</li>
{% endfor %}
</ul>
</section>
</div>
</div>
</div>
{% endblock %}