maciejpi/nordabiz
1
0
Fork 0
Code Issues Pull Requests Actions 1 Packages Projects Releases Wiki Activity

Add link to benefit details page from card
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
Details
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
Details
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
Details
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions
Details

Browse Source
This commit is contained in:
Maciej Pienczyn 2026-02-02 22:47:06 +01:00
parent ff5c433686
commit 571718fd2f
1 changed files with 48 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
templates/benefits/benefits_list.html
View File

@ -77,6 +77,35 @@
box-shadow: var(--shadow-lg);
}
.benefit-card-link {
text-decoration: none;
color: inherit;
display: block;
}
.benefit-card-link:hover .benefit-title {
color: var(--primary);
}
.benefit-more-link {
display: inline-flex;
align-items: center;
gap: 4px;
color: var(--primary);
font-size: var(--font-size-sm);
text-decoration: none;
margin-top: var(--spacing-sm);
}
.benefit-more-link:hover {
text-decoration: underline;
}
.benefit-more-link svg {
width: 14px;
height: 14px;
}
.benefit-card.featured {
border-color: var(--primary);
border-width: 2px;
@ -290,23 +319,32 @@
<div class="benefits-grid">
{% for benefit in benefits %}
<div class="benefit-card {% if benefit.is_featured %}featured{% endif %}">
<div class="benefit-card-header">
{% if benefit.logo_url %}
<img src="{{ benefit.logo_url }}" alt="{{ benefit.name }}" class="benefit-logo">
{% else %}
<div class="benefit-logo-placeholder">{{ benefit.name[0] }}</div>
{% endif %}
<div class="benefit-title-section">
<div class="benefit-title">{{ benefit.name }}</div>
<div class="benefit-category">{{ category_choices.get(benefit.category, benefit.category) }}</div>
<a href="{{ url_for('benefits.benefit_detail', slug=benefit.slug) }}" class="benefit-card-link">
<div class="benefit-card-header">
{% if benefit.logo_url %}
<img src="{{ benefit.logo_url }}" alt="{{ benefit.name }}" class="benefit-logo">
{% else %}
<div class="benefit-logo-placeholder">{{ benefit.name[0] }}</div>
{% endif %}
<div class="benefit-title-section">
<div class="benefit-title">{{ benefit.name }}</div>
<div class="benefit-category">{{ category_choices.get(benefit.category, benefit.category) }}</div>
</div>
</div>
</div>
</a>
<div class="benefit-card-body">
<p class="benefit-description">
{{ benefit.short_description or benefit.description[:150] + '...' if benefit.description and benefit.description|length > 150 else benefit.description or 'Brak opisu.' }}
</p>
<a href="{{ url_for('benefits.benefit_detail', slug=benefit.slug) }}" class="benefit-more-link">
Zobacz szczegóły
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
<polyline points="9 18 15 12 9 6"></polyline>
</svg>
</a>
{% if benefit.member_price or benefit.discount_description %}
<div class="benefit-pricing">
{% if benefit.member_price %}