Taille du texte #1

Open
opened 2025-12-09 10:55:28 +00:00 by Julie · 1 comment
Owner

Pour le formulaire, taille du texte:

  • mettre "px" comme unité par défaut (et non "rem")
  • je pense qu’il faut supprimer "rem" ou "em" dans l’éditeur principal. Ce sont des unités relatives utilisées par rapport à l’élément racine ou parent. Dans l’éditeur principal c’est justement la taille racine que l’on défini
  • lorsqu’on passe de px à rem ou em (dans les pop up du coup), est-ce qu’on peut faire une conversion automatique ? par exemple si on a 10px comme taille racine, si dans le pop-up on a "14px", lorsqu’on passe à rem ou em, ça comme "1.4"
Pour le formulaire, taille du texte: - mettre "px" comme unité par défaut (et non "rem") - je pense qu’il faut supprimer "rem" ou "em" dans l’éditeur principal. Ce sont des unités relatives utilisées par rapport à l’élément racine ou parent. Dans l’éditeur principal c’est justement la taille racine que l’on défini - lorsqu’on passe de px à rem ou em (dans les pop up du coup), est-ce qu’on peut faire une conversion automatique ? par exemple si on a 10px comme taille racine, si dans le pop-up on a "14px", lorsqu’on passe à rem ou em, ça comme "1.4"
Author
Owner

Dans la branch style, j’ai fait toutes les modifications ci-dessous pour le panneau. Normalement cela marche bien.

Il faudrait faire aussi dans le popup mais je ne suis pas très sur de la démarche à faire (un composant commun ou non).

Deux choses à prendre en compte dans le popup, un peu différentes de la version panneau:

  • pour "font-size", on ajoute les button "em" et "rem", ils sont calculé par le font-size déclaré dans le panneau (qui est en fait le font-size du root). Pas besoin de faire de différence entre rem et em car on ne change nulle part le font-size dans un parent de l’élément
  • pour "line-height". Faire une distinction entre em et rem. Em est calculé en fonction du font-size de l’élément et rem en fonction du font-size déclaré dans le panneau

@Adrien

Dans la branch style, j’ai fait toutes les modifications ci-dessous pour le panneau. Normalement cela marche bien. Il faudrait faire aussi dans le popup mais je ne suis pas très sur de la démarche à faire (un composant commun ou non). Deux choses à prendre en compte dans le popup, un peu différentes de la version panneau: - pour "font-size", on ajoute les button "em" et "rem", ils sont calculé par le font-size déclaré dans le panneau (qui est en fait le font-size du root). Pas besoin de faire de différence entre rem et em car on ne change nulle part le font-size dans un parent de l’élément - pour "line-height". Faire une distinction entre em et rem. Em est calculé en fonction du font-size de l’élément et rem en fonction du font-size déclaré dans le panneau @Adrien
Sign in to join this conversation.
No labels
No milestone
No project
No assignees
1 participant
Notifications
Due date
The due date is invalid or out of range. Please use the format "yyyy-mm-dd".

No due date set.

Dependencies

No dependencies set.

Reference: studio-variable/geoproject-app#1
No description provided.