Skip to content

fix(storia): match hero title to Figma and tidy chapter cards - #190

Merged
toto04 merged 4 commits into
mainfrom
fix/storia-page
Oct 17, 2026
Merged

toto04 merged 4 commits into
mainfrom
fix/storia-page

Conversation

@BIA3IA

@BIA3IA BIA3IA commented Oct 16, 2026 •

Copy link
Copy Markdown
Contributor

Corregge la tipografia dell’hero, la freccia del collegamento ai direttivi e la larghezza delle card accanto alla timeline di /storia.

  • Mantiene la composizione originale su due colonne da xl: testo a sinistra, tre ritratti a destra; sotto questo breakpoint i contenuti sono impilati.
  • Usa i token esistenti per dimensione e interlinea del titolo; il componente Hero condiviso ripete il gradiente su ogni riga quando il titolo va a capo.
  • “Conosci le persone” ha una freccia verso il basso, perché scorre alla sezione dei direttivi.
  • Le card dei capitoli hanno larghezza massima di 440 px; le quattro del primo capitolo sono su una griglia 2×2.

Verifica: TypeScript e Biome passano; layout controllato a 1440 e 390 px senza overflow, con foto affiancate su desktop e impilate su mobile. Restano invariati i segnaposto dei mandati storici per cui non sono disponibili nomi e ruoli verificati.

Center the history hero and use display/extralarge for the title where
it fits on one line, as in Figma. Draw the Hero title gradient per line so
wrapped titles keep the full effect on every page. Point the 'Conosci le
persone' arrow down, since it scrolls to the boards section, and cap the
chapter visuals width so the cards next to the timeline are not stretched.
@coderabbitai

coderabbitai Bot commented Oct 16, 2026 •

Copy link
Copy Markdown
Contributor

Review in Change Stack →

No actionable comments were generated in the recent review. 🎉

ℹ️ Recent review info
⚙️ Run configuration
  • Configuration used: Organization UI
  • Review profile: CHILL
  • Plan: Advanced
  • Run ID: 715793f5-134b-49ad-8684-6c9085cf9c53
📥 Commits

Reviewing files that changed from the base of the PR and between f746cb3 and 42e7f9f.

⛔ Files ignored due to path filters: 1
  • src/assets/images/storia/organigramma.png is excluded by !**/*.png
📒 Files selected for processing: 4
  • src/components/storia/hero.tsx
  • src/components/storia/organization.tsx
  • src/components/storia/timeline.tsx
  • src/components/ui/hero.tsx

Included review availability: This review used your included allowance. Your plan provides up to 1 included review per hour; 0 remain after this review.

Walkthrough

The Storia page updates its hero styling and link icon, replaces the organization image with responsive charts, and constrains the visual grids in its six timeline chapters.

Changes

Storia page presentation

Layer / File(s) Summary
Hero title and link presentation
src/components/ui/hero.tsx, src/components/storia/hero.tsx
Hero applies gradient styling to a nested title span. The Storia hero passes responsive styles and gradientDescription, and changes the “Conosci le persone” link icon to FiArrowDown.
Responsive organization chart
src/components/storia/organization.tsx
The organization section replaces its image and mobile diagram with separate desktop and mobile charts. The charts show the admin branch, five team leads, and team members. The container receives image semantics and an Italian hierarchy description.
Timeline visual grid sizing
src/components/storia/timeline.tsx
All six visual grids gain a maximum width of 110. The “rete” grid also changes to two columns.

Priority: ⬇️ Low

Change: Bug fix

Merge Risk: ⚪ Minimal · up to 42e7f

The Storia presentation changes appear ready to merge after normal checks.

Pre-merge checks: Passed 3 · Failed 1

Failed Failed checks: 1 warning

Check name Status Explanation Resolution
Docstring Coverage Warning Docstring coverage is 11.11% which is insufficient. The required threshold is 80.00%. Docstring coverage is scoped to functions touched by this diff. Analyzed 9 functions across 4 files. Write docstrings for the functions missing them to satisfy the coverage threshold.
Passed Passed checks: 3 passed
Check name Status Explanation
Title check Passed The title clearly identifies the main /storia changes: aligning the hero title with Figma and updating chapter cards. It is concise, specific, and consistent with the pull request objectives.
Linked Issues check Passed Check skipped because no linked issues were found for this pull request.
Out of Scope Changes check Passed Check skipped because no linked issues were found for this pull request.
  • Fix all pre-merge checks with AI
✨ Finishing Touches: 💡 1
📝 Generate docstrings: 💡
  • Commit to this branch
  • Create a new PR
  • Autofix · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

Comment @coderabbitai help to get the list of available commands.

BIA3IA and others added 3 commits October 16, 2026 09:04
Replace the organigramma image with CardIcon nodes connected by rails
and arrows, with a stacked layout below lg.
@toto04
toto04 merged commit dc52ce3 into main Oct 17, 2026
2 checks passed
@toto04
toto04 deleted the fix/storia-page branch October 17, 2026 21:43
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants