m038/intotheeast-com-content
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add data-type attributes to feed cards; restyle story card with full border

Browse Source
This commit is contained in:
Mischa
2026-06-19 21:26:50 +02:00
parent 650e97883b
commit 2508936928
2 changed files with 6 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files
themes/intotheeast/css/style.css
+4 -2
View File
@@ -814,8 +814,10 @@ body::after {
/* ── Story cards in feed ─────────────────────────────────────────────────────── */ /* ── Story cards in feed ─────────────────────────────────────────────────────── */
.entry-card--story { .entry-card--story {
border-left: 3px solid var(--color-accent); border: 2px solid var(--color-accent);
padding-left: var(--space-5); border-radius: var(--radius-md);
padding: var(--space-6);
background: var(--color-canvas);
} }
.entry-card-photo--story { aspect-ratio: 16 / 7; } .entry-card-photo--story { aspect-ratio: 16 / 7; }
themes/intotheeast/templates/trip.html.twig
+2 -2
View File
@@ -74,7 +74,7 @@
{% endif %} {% endif %}
{% if item.type == 'journal' %} {% if item.type == 'journal' %}
<article class="entry-card" id="entry-{{ entry.slug }}" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}"> <article class="entry-card" id="entry-{{ entry.slug }}" data-type="journal" data-lat="{{ entry.header.lat }}" data-lng="{{ entry.header.lng }}">
<a class="entry-card-inner" href="{{ entry.url }}"> <a class="entry-card-inner" href="{{ entry.url }}">
{% if hero %} {% if hero %}
<div class="entry-card-photo"> <div class="entry-card-photo">
@@ -116,7 +116,7 @@
</a> </a>
</article> </article>
{% else %} {% else %}
<article class="entry-card entry-card--story" id="entry-{{ entry.slug }}"> <article class="entry-card entry-card--story" id="entry-{{ entry.slug }}" data-type="story">
<a class="entry-card-inner" href="{{ entry.url }}"> <a class="entry-card-inner" href="{{ entry.url }}">
{% if hero %} {% if hero %}
<div class="entry-card-photo entry-card-photo--story"> <div class="entry-card-photo entry-card-photo--story">