AdminGit2026/nis2-agile
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

[FIX] Landing: testo consenso GDPR incolonnato e tutto rosso nel form

Browse Source 
Due bug nel form 'Richiedi accesso':
1. La regola generica .form-group label span {color:red} (pensata per l'asterisco
   obbligatorio) coloravadi rosso TUTTO il testo del consenso.
2. Lo <span> dentro il label flex non aveva larghezza -> andava a capo parola per
   parola (incolonnato verticalmente).
Fix: classe dedicata .consent-label con span flex:1 + min-width:0 + colore normale;
l'asterisco resta cyan. Testo ora in linea accanto al checkbox.

Co-Authored-By: Claude Opus 4.8 <noreply@anthropic.com>
This commit is contained in:
DevEnv nis2-agile 2026-06-01 14:33:06 +02:00
parent 68346fec05
commit 847e28b8cf
1 changed files with 7 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

10
public/index.html
View File

@ -602,6 +602,10 @@
color: var(--text-light); color: var(--text-light);
} }
.form-group label span { color: var(--red); margin-left: 2px; } .form-group label span { color: var(--red); margin-left: 2px; }
/* Label consenso GDPR: testo in linea, non incolonnato, colore normale */
.consent-label { font-weight: 400 !important; }
.consent-label > span { flex: 1; min-width: 0; color: var(--text-light) !important; margin-left: 0 !important; }
.consent-label > span a { color: var(--cyan) !important; }
.form-group input, .form-group input,
.form-group select, .form-group select,
.form-group textarea { .form-group textarea {
@ -1095,9 +1099,9 @@
</div> </div>
</div> </div>
<div class="form-group full" style="margin-top:4px"> <div class="form-group full" style="margin-top:4px">
<label style="display:flex;gap:8px;align-items:flex-start;cursor:pointer;font-weight:400;font-size:13px;color:var(--text-light)"> <label class="consent-label" style="display:flex;gap:8px;align-items:flex-start;cursor:pointer;font-size:13px;line-height:1.5">
<input type="checkbox" name="consent" id="ahubConsent" required style="margin-top:4px;flex-shrink:0;accent-color:var(--cyan)"> <input type="checkbox" name="consent" id="ahubConsent" required style="margin-top:3px;flex-shrink:0;accent-color:var(--cyan)">
<span>Acconsento al trattamento dei miei dati ai sensi del GDPR (art. 13). I dati saranno usati esclusivamente per rispondere alla richiesta. <a href="https://agile.software/privacy" target="_blank" style="color:var(--cyan)">Privacy policy</a> <span style="color:var(--cyan)">*</span></span> <span>Acconsento al trattamento dei miei dati ai sensi del GDPR (art. 13). I dati saranno usati esclusivamente per rispondere alla richiesta. <a href="https://agile.software/privacy" target="_blank">Privacy policy</a> <span style="color:var(--cyan) !important;margin-left:0 !important">*</span></span>
</label> </label>
</div> </div>
<!-- Honeypot anti-bot --> <!-- Honeypot anti-bot -->