Development #58153
portail agent, pk-buttons sur une cellule "liste de liens"
0%
Description
Pour faire "liste de boutons", chaque lien en inline-block, avec de la marge droite pour les séparer.
(et/ou deux variantes, une horizontale dont je parle ci-dessus, et une verticale ?)
Fichiers
| Capture d’écran 2022-01-24 à 20.07.34.png (77 ko) Capture d’écran 2022-01-24 à 20.07.34.png | pk-horizontal-button-links "petit" écran | ||
| Capture d’écran 2022-01-24 à 20.07.53.png (90,6 ko) Capture d’écran 2022-01-24 à 20.07.53.png | pk-horizontal-button-links "grand" écran | ||
| Capture d’écran 2022-01-24 à 20.09.57.png (91 ko) Capture d’écran 2022-01-24 à 20.09.57.png | pk-wide-horizontal-button-links "grand" écran | ||
| 0001-add-styles-for-horizontal-button-links-58153.patch (1 ko) 0001-add-styles-for-horizontal-button-links-58153.patch | |||
| 0001-add-styles-for-horizontal-button-links-58153.patch (1,22 ko) 0001-add-styles-for-horizontal-button-links-58153.patch | |||
| Screenshot 2022-01-25 at 10-57-14 Portail Agent - plop.png (24,3 ko) Screenshot 2022-01-25 at 10-57-14 Portail Agent - plop.png | |||
| 0001-add-styles-for-horizontal-button-links-58153.patch (1,59 ko) 0001-add-styles-for-horizontal-button-links-58153.patch |
Demandes liées
Révisions associées
Historique
Mis à jour par Frédéric Péters il y a plus de 2 ans
- Fichier Capture d’écran 2022-01-24 à 20.07.34.png Capture d’écran 2022-01-24 à 20.07.34.png ajouté
- Fichier Capture d’écran 2022-01-24 à 20.07.53.png Capture d’écran 2022-01-24 à 20.07.53.png ajouté
- Fichier Capture d’écran 2022-01-24 à 20.09.57.png Capture d’écran 2022-01-24 à 20.09.57.png ajouté
- Fichier 0001-add-styles-for-horizontal-button-links-58153.patch 0001-add-styles-for-horizontal-button-links-58153.patch ajouté
- Statut changé de Nouveau à Solution proposée
- Assigné à mis à Frédéric Péters
- Patch proposed changé de Non à Oui
Uniquement horizontal mais deux versions, pk-horizontal-button-links et pk-wide-horizontal-button-links, la seconde allonge les boutons pour occuper toute la largeur. Ce n'est pas néssairement mieux, comme ils prennent tous la même largeur ça facilite le passage sur deux lignes de certains boutons.
Mis à jour par Frédéric Péters il y a plus de 2 ans
- Projet changé de Intégrations graphiques Publik à Gadjo
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a plus de 2 ans
Comment ça se comporte sur mobile ?
Il n'y a ni wrap ni de min-width (sur les boutons)
Mis à jour par Frédéric Péters il y a environ 2 ans
- Fichier 0001-add-styles-for-horizontal-button-links-58153.patch 0001-add-styles-for-horizontal-button-links-58153.patch ajouté
- Fichier Screenshot 2022-01-25 at 10-57-14 Portail Agent - plop.png Screenshot 2022-01-25 at 10-57-14 Portail Agent - plop.png ajouté
Oui j'ai posé ça sur Publik Famille avec un écran backoffice pour des agents, hors mobile.
Mais ok pour considérer le mobile dès à présent voilà.
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans
ul {
width: 100%;
}
Valeur qui peut poser problème. Necessaire ? (normalement non, sauf si besoin de surcharger un width déjà défini).
a {
text-align: center;
}
Pas possible de déplacer directement dans %button ? (me semble préférable par défaut)
Mis à jour par Frédéric Péters il y a environ 2 ans
- Fichier 0001-add-styles-for-horizontal-button-links-58153.patch 0001-add-styles-for-horizontal-button-links-58153.patch ajouté
Voilà sans le width et avec le text-align: center posé de manière globale sur les boutons.
Mis à jour par Frédéric Péters il y a environ 2 ans
- Lié à Development #61291: réaligner les boutons des sections studio à gauche ajouté
Mis à jour par Frédéric Péters il y a environ 2 ans
- Lié à Development #61290: réaligner les boutons de section à gauche ajouté
Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans
- Statut changé de Solution proposée à Solution validée
Mis à jour par Frédéric Péters il y a environ 2 ans
- Statut changé de Solution validée à Résolu (à déployer)
commit 158b933d1ceb18765fc09aaff9bcfebb7c214204
Author: Frédéric Péters <fpeters@entrouvert.com>
Date: Mon Jan 24 20:08:07 2022 +0100
add styles for horizontal button links (#58153)
Mis à jour par Transition automatique il y a environ 2 ans
- Statut changé de Résolu (à déployer) à Solution déployée
add styles for horizontal button links (#58153)