improve: add step numbers to company enrichment workflow cards
Some checks are pending
NordaBiz Tests / Unit & Integration Tests (push) Waiting to run
NordaBiz Tests / E2E Tests (Playwright) (push) Blocked by required conditions
NordaBiz Tests / Smoke Tests (Production) (push) Blocked by required conditions
NordaBiz Tests / Send Failure Notification (push) Blocked by required conditions

Each workflow action card now shows a numbered badge (1-5) indicating
the recommended execution order for administrators.

Co-Authored-By: Claude Opus 4.6 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-02-20 14:41:17 +01:00
parent 6d6542c4c4
commit 461d361f8c

View File

@ -259,9 +259,28 @@
gap: var(--spacing-sm);
}
.action-card-header svg {
.step-number {
display: inline-flex;
align-items: center;
justify-content: center;
width: 24px;
height: 24px;
border-radius: 50%;
background: var(--primary);
color: #fff;
font-size: 13px;
font-weight: 700;
flex-shrink: 0;
line-height: 1;
}
.action-card.done .step-number {
background: var(--success);
}
.action-card-header svg {
width: 20px;
height: 20px;
color: var(--primary);
flex-shrink: 0;
}
@ -566,6 +585,7 @@
<!-- Registry -->
<div class="action-card {{ 'done' if enrichment.registry.done else '' }}">
<div class="action-card-header">
<span class="step-number">1</span>
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M19 21V5a2 2 0 00-2-2H7a2 2 0 00-2 2v16m14 0h2m-2 0h-5m-9 0H3m2 0h5M9 7h1m-1 4h1m4-4h1m-1 4h1m-5 10v-5a1 1 0 011-1h2a1 1 0 011 1v5m-4 0h4"/></svg>
<h3>Dane urzędowe</h3>
</div>
@ -590,6 +610,7 @@
<!-- Logo -->
<div class="action-card {{ 'done' if enrichment.logo.done else '' }}">
<div class="action-card-header">
<span class="step-number">2</span>
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M4 16l4.586-4.586a2 2 0 012.828 0L16 16m-2-2l1.586-1.586a2 2 0 012.828 0L20 14m-6-6h.01M6 20h12a2 2 0 002-2V6a2 2 0 00-2-2H6a2 2 0 00-2 2v12a2 2 0 002 2z"/></svg>
<h3>Logo firmy</h3>
</div>
@ -611,6 +632,7 @@
<!-- SEO -->
<div class="action-card {{ 'done' if enrichment.seo.done else '' }}">
<div class="action-card-header">
<span class="step-number">3</span>
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"/></svg>
<h3>Audyt SEO</h3>
</div>
@ -635,6 +657,7 @@
<!-- Social Media -->
<div class="action-card {{ 'done' if enrichment.social.done else '' }}">
<div class="action-card-header">
<span class="step-number">4</span>
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M17 20h5v-2a3 3 0 00-5.356-1.857M17 20H7m10 0v-2c0-.656-.126-1.283-.356-1.857M7 20H2v-2a3 3 0 015.356-1.857M7 20v-2c0-.656.126-1.283.356-1.857m0 0a5.002 5.002 0 019.288 0M15 7a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
<h3>Audyt Social Media</h3>
</div>
@ -656,6 +679,7 @@
<!-- GBP -->
<div class="action-card {{ 'done' if enrichment.gbp.done else '' }}">
<div class="action-card-header">
<span class="step-number">5</span>
<svg fill="none" stroke="currentColor" stroke-width="2" viewBox="0 0 24 24"><path d="M17.657 16.657L13.414 20.9a1.998 1.998 0 01-2.827 0l-4.244-4.243a8 8 0 1111.314 0z"/><path d="M15 11a3 3 0 11-6 0 3 3 0 016 0z"/></svg>
<h3>Audyt GBP</h3>
</div>