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

fix: Remove sticky positioning and improve acceptance alert styling

Browse Source 
- Remove position:sticky from actions-section to prevent overlap
- Redesign user acceptance alert with better visual hierarchy
- Clearer message about next steps after user accepts changes

Co-Authored-By: Claude Opus 4.5 <noreply@anthropic.com>
This commit is contained in:
Maciej Pienczyn 2026-02-01 19:15:18 +01:00
parent 2a7cfbcfc9
commit 577b6b6ae6
1 changed files with 14 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

21
templates/admin/membership_detail.html
View File

@ -124,8 +124,7 @@
}
.actions-section {
position: sticky;
top: var(--spacing-xl);
/* Removed sticky - was causing overlap with workflow history */
}
.action-buttons {
@ -797,11 +796,19 @@
{% endif %}
{% if user_accepted.found %}
<div class="alert" style="background: rgba(34, 197, 94, 0.1); border: 1px solid rgba(34, 197, 94, 0.3); color: #16a34a;">
<strong>✓ Użytkownik zaakceptował proponowane zmiany</strong>
<br>{{ user_accepted.name }} zatwierdził(a) zmiany danych z rejestru.
<br><small>{{ user_accepted.timestamp }}</small>
<br><br><em>Możesz teraz zatwierdzić deklarację członkowską.</em>
<div style="background: rgba(34, 197, 94, 0.15); border: 2px solid #22c55e; border-radius: var(--radius); padding: var(--spacing-md); margin-bottom: var(--spacing-lg); color: #15803d;">
<div style="font-size: var(--font-size-lg); font-weight: 600; margin-bottom: var(--spacing-sm);">
✓ Zmiany zaakceptowane przez użytkownika
</div>
<div style="font-size: var(--font-size-sm);">
<strong>{{ user_accepted.name }}</strong> zaakceptował(a) proponowane zmiany danych z rejestru KRS/CEIDG.
</div>
<div style="font-size: var(--font-size-xs); color: #166534; margin-top: var(--spacing-xs);">
{{ user_accepted.timestamp }}
</div>
<div style="margin-top: var(--spacing-md); padding-top: var(--spacing-sm); border-top: 1px solid rgba(34, 197, 94, 0.3); font-weight: 500;">
→ Możesz teraz zatwierdzić deklarację członkowską
</div>
</div>
{% endif %}