Skip to content

feat(client): converge Link text to Body 2 SB typography (#1753)#1793

Open
Debaerdm wants to merge 4 commits intomainfrom
fix/client-link-body-3-sb-1753
Open

feat(client): converge Link text to Body 2 SB typography (#1753)#1793
Debaerdm wants to merge 4 commits intomainfrom
fix/client-link-body-3-sb-1753

Conversation

@Debaerdm
Copy link
Copy Markdown
Contributor

@Debaerdm Debaerdm commented Apr 18, 2026

Aligne la typographie du Link (Client) sur Body 2 SB (16px / 18px desktop, weight 600) en retirant la surcharge --link-font-weight: 400 et la règle .af-link--openInNewTab { --link-font-weight: 600 } qui devient redondante avec la nouvelle valeur par défaut héritée de LinkCommon.

Mise à jour suite à l'évolution du ticket — la spec cible est Body 2 SB, pas Body 3 SB.

Closes #1753


Made with Claude

@Debaerdm Debaerdm added css-package Affects the CSS package Client labels Apr 18, 2026
@Debaerdm Debaerdm self-assigned this Apr 18, 2026
@Debaerdm Debaerdm changed the title feat(client): converge Link text to Body 3 SB typography (#1753) feat(client): converge Link text to Body 2 SB typography (#1753) Apr 20, 2026
JLou
JLou previously approved these changes Apr 20, 2026
Copy link
Copy Markdown
Contributor

@GuillaumeKESTEMAN GuillaumeKESTEMAN left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

@Debaerdm Les changements que tu as fait sont incorrects.
Tu as supprimé du style client uniquement alors qu'il est correct, c'est le style apollo qui a besoin d'être uniformisé par rapport à la partie client.
Voici la dernière consigne de ce ticket "Le client est déja bon avec une font 18 en desktop (Body 2 desktop) et 16 en mobile (Body 2 Mobile). Seul la partie prospect est a corriger pour être de la même taille que la version client on passe tout en Body 2 desk et mobile."
Pour uniformiser les style apollo et client (LF) tu peux directement t'occuper du style common qui est la base de style d'apollo et client (LF)

Debaerdm added a commit that referenced this pull request Apr 23, 2026
…pr skill

Add section "Conventions apprises" with 11 rules extracted from PR reviews:
CSS Common over Apollo/LF duplication, classModifier for variants,
getClassName mandatory, MDX in English, no invented token values,
focus-visible vs focus, one story per variant, argTypes/decorators in meta.

Sources: PRs #1793 #1801 #1807 #1805 #1783 #1792 #1765 #1766 #1775 #1771
@Debaerdm
Copy link
Copy Markdown
Contributor Author

Retours appliqués dans le commit 2db53ec :

  • Reverted : restauration de --link-font-weight: 400 et .af-link--openInNewTab { --link-font-weight: 600 } dans LinkLF.css (le client était déjà correct, on ne touche plus à ce fichier sur ce point)
  • LinkCommon.css : base font-size passée de --rem-14--rem-16 (Body 2 mobile) et override desktop de --rem-16--rem-18 (Body 2 desktop)

Résultat : Apollo (prospect) hérite maintenant de Body 2 via le common, en iso avec le client/LF.


Made with Claude

Copy link
Copy Markdown
Contributor

@GuillaumeKESTEMAN GuillaumeKESTEMAN left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Les changements que tu as fait côté sont correct.
Maintenant qu'apollo et client ont la même font size pour .af-link, tu peux enlever la surcharge qu'il y a sur client concernant ce style.
D'ailleurs même plus besoin de token --link-font-size je pense vu qu'il n'y a plus de surcharge de font-size null part pour ce composant.

@Debaerdm
Copy link
Copy Markdown
Contributor Author

Fait dans le commit 5d37723 :

  • LinkLF.css : suppression des overrides --link-font-size (mobile et desktop) — redondants avec les valeurs du Common.
  • LinkCommon.css : remplacement de var(--link-font-size, var(--rem-16)) par var(--rem-16) direct, et --link-font-size: var(--rem-18) dans le media query par font-size: var(--rem-18) direct. Le token --link-font-size est entièrement supprimé.
  • Les deux occurrences redondantes du token dans .af-btn-client ont aussi été nettoyées.

Made with Claude

@sonarqubecloud
Copy link
Copy Markdown

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Projects

None yet

Development

Successfully merging this pull request may close these issues.

Link • Evolution • Convergence

4 participants