Development #64749
style pour visuellement marquer un onglet
Début:
02 mai 2022
Echéance:
% réalisé:
0%
Temps estimé:
Patch proposed:
Oui
Planning:
Non
Description
Côté w.c.s., avoir un indicateur visuel sur les onglets contenant des infos paramétrées. (#64744).
Fichiers
Demandes liées
Révisions associées
Historique
Mis à jour par Frédéric Péters il y a presque 2 ans
- Fichier 0001-style-add-class-for-visual-marker-on-tabs-64749.patch 0001-style-add-class-for-visual-marker-on-tabs-64749.patch ajouté
- Fichier tab-with-settings.png tab-with-settings.png ajouté
- Statut changé de Nouveau à Solution proposée
- Patch proposed changé de Non à Oui
(rendu validé CPF).
Mis à jour par Frédéric Péters il y a presque 2 ans
- Fichier 0001-style-add-class-for-visual-marker-on-tabs-64749.patch 0001-style-add-class-for-visual-marker-on-tabs-64749.patch ajouté
(patch corrigé sans le passage en display flex qui était une expérimentation précédente).
Mis à jour par Frédéric Péters il y a presque 2 ans
- Lié à Development #64744: sur les champs, marquer les onglets dans lesquels des paramètres ont été posés ajouté
Mis à jour par Thomas Jund il y a presque 2 ans
- Fichier btn-marker.png btn-marker.png ajouté
Peut-être ajouter un padding supplémentaire à droite pour éviter que le label n'entre en conflit avec la pastille (cf capture).
Et considérer d'utiliser un radial-gradient à la place d'un data-uri pour générer la pastille (je trouve ça plus lisible, surtout pour l'échappement du # dans le data-uri)
background-size: 5px 5px; background-repeat: no-repeat; background-position: top 50% right 1em; background-image: radial-gradient(closest-side, #888 100%, transparent); padding-right: 25px;
Mis à jour par Frédéric Péters il y a presque 2 ans
- Fichier 0001-style-add-class-for-visual-marker-on-tabs-64749.patch 0001-style-add-class-for-visual-marker-on-tabs-64749.patch ajouté
Le voilà avec radial-gradient. Par rapport à la proposition j'ai mis le padding-right en em, parce que c'est ce qui est utilisé pour l'alignement à droit (right 1em).
Mis à jour par Thomas Jund il y a presque 2 ans
- Statut changé de Solution proposée à Solution validée
Mis à jour par Frédéric Péters il y a presque 2 ans
- Statut changé de Solution validée à Résolu (à déployer)
commit f8431c7dfabbac86ae2a7992593a0483ad6dfde6 Author: Frédéric Péters <fpeters@entrouvert.com> Date: Mon May 2 15:15:58 2022 +0200 style: add class for visual marker on tabs (#64749)
Mis à jour par Transition automatique il y a presque 2 ans
- Statut changé de Résolu (à déployer) à Solution déployée
style: add class for visual marker on tabs (#64749)