Projet

Général

Profil

Development #28205

portail agent : étendre les liens d'une liste à toute la largeur/hauteur

Ajouté par Frédéric Péters il y a plus de 5 ans. Mis à jour il y a plus de 5 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
-
Version cible:
-
Début:
21 novembre 2018
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:

Description

Pour le moment les liens sont cliquables sur eux-mêmes mais ce serait pratique de pouvoir cliquer sur toute la ligne, surtout que le :hover s'y applique déjà.


Fichiers

Révisions associées

Révision 0c2a26ee (diff)
Ajouté par Frédéric Péters il y a plus de 5 ans

portal agent: make links expand to the whole height/width (#28205)

Révision 4dab30fa (diff)
Ajouté par Frédéric Péters il y a plus de 5 ans

portal agent: adjust search hit icon position after #28205

Historique

#1

Mis à jour par Frédéric Péters il y a plus de 5 ans

#2

Mis à jour par Thomas Noël il y a plus de 5 ans

(je laisse ça à quelqu'un qui comprend les css, je comprends même pas le rapport entre css et clics sur un lien)

#3

Mis à jour par Frédéric Péters il y a plus de 5 ans

J'explique quand même, balisage <li><a>Un lien</a></li>, qui donne :

/------------------------------------------------\
|                                                |
|  Un lien                                       |
|                                                |
\------------------------------------------------/

Le lien occupe juste l'espace "Un lien" :

/------------------------------------------------\
|                                                |
|  xxxxxxx                                       |
|                                                |
\------------------------------------------------/

Le patch pose que ce lien, plutôt que son affichage "inline" par défaut, prend l'affichage, "block", qui du coup occupe la largeur.

/------------------------------------------------\
|                                                |
|  xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx  |
|                                                |
\------------------------------------------------/

Ensuite, plutôt plutôt qu'avoir de l'espace alloué dans le <li>, autour du <a>, pour ne pas coller au bord, on alloue cet espace à l'intérieur du <a> (padding), le lien se met donc à couvrir tout l'espace :

/------------------------------------------------\
|xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|
|xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|
|xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx|
\------------------------------------------------/
#4

Mis à jour par Thomas Noël il y a plus de 5 ans

  • Statut changé de Solution proposée à Solution validée

Bon prof. Merci pour l'explication, claire. Ce que je comprends aussi donc c'est que "hover" il fait ça par défaut, c'est fou tout ça.

#5

Mis à jour par Frédéric Péters il y a plus de 5 ans

  • Statut changé de Solution validée à Résolu (à déployer)
commit 0c2a26ee57d236902343bd565a4983671420681c
Author: Frédéric Péters <fpeters@entrouvert.com>
Date:   Wed Nov 21 09:41:03 2018 +0100

    portal agent: make links expand to the whole height/width (#28205)
#6

Mis à jour par Frédéric Péters il y a plus de 5 ans

  • Statut changé de Résolu (à déployer) à Solution déployée

Formats disponibles : Atom PDF