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

[UX] Standardizzazione login/register/onboarding + Test Runner v2

Browse Source 
login.html: eye toggle, forgot password, auth-terms footer
register.html: wizard 3-step, 5 ruoli NIS2, invite_token URL, P.IVA lookup
onboarding.html: Font Awesome, brand color cyan (#06B6D4)
test-runner.php: L1-L5 test levels, SIM-06 B2B, tab Coverage/Stats,
  DB row counts, run history (localStorage), 5 tabs totali

Co-Authored-By: Claude Sonnet 4.6 <noreply@anthropic.com>
This commit is contained in:
DevEnv nis2-agile
2026-03-07 17:11:25 +01:00
co-authored by Claude Sonnet 4.6
parent 47a7a25d35
commit e4e7d94043
4 changed files with 1182 additions and 314 deletions
Download Patch File Download Diff File Expand all files Collapse all files
public/onboarding.html
+13 -10
View File
@@ -5,7 +5,10 @@
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Onboarding - NIS2 Agile</title>
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
/* NIS2 brand color override for wizard */
:root { --nis2-cyan: #06B6D4; --nis2-cyan-light: #ecfeff; --nis2-cyan-ring: rgba(6,182,212,.15); }
/* ── Wizard Layout ──────────────────────────────────────────── */
.wizard-page {
min-height: 100vh;
@@ -100,23 +103,23 @@
}
.stepper-step.active .stepper-number {
background: var(--primary);
background: var(--nis2-cyan);
color: #fff;
box-shadow: 0 0 0 4px rgba(26, 115, 232, 0.15);
box-shadow: 0 0 0 4px var(--nis2-cyan-ring);
}
.stepper-step.active .stepper-label {
color: var(--primary);
color: var(--nis2-cyan);
font-weight: 600;
}
.stepper-step.completed .stepper-number {
background: var(--secondary);
background: var(--nis2-cyan);
color: #fff;
}
.stepper-step.completed .stepper-label {
color: var(--secondary);
color: var(--nis2-cyan);
}
.stepper-connector {
@@ -129,7 +132,7 @@
}
.stepper-connector.completed {
background: var(--secondary);
background: var(--nis2-cyan);
}
/* ── Wizard Body ────────────────────────────────────────────── */
@@ -201,9 +204,9 @@
}
.option-card.selected {
border-color: var(--primary);
background: var(--primary-bg);
box-shadow: 0 0 0 4px rgba(26, 115, 232, 0.12);
border-color: var(--nis2-cyan);
background: var(--nis2-cyan-light);
box-shadow: 0 0 0 4px var(--nis2-cyan-ring);
}
.option-card-icon {
@@ -220,7 +223,7 @@
}
.option-card.selected .option-card-icon {
background: var(--primary);
background: var(--nis2-cyan);
color: #fff;
}