search

saimn / linuxfr-css

A css for linuxfr.org
0 stars 0 forks source link

Position des mentions pertinent / inutile et leurs couleurs #2

Open Jiehong opened 11 years ago

Jiehong commented 11 years ago

Dans une dépêche ou un journal, la mention pertinent/inutile se trouve en bas à droite.

C'est une position accessible, puis tombant sous la souris juste après la lecture.

Cependant, dans les commentaires, cette mention se trouve en haut à droite.

Pourquoi avoir changé la position de ces mentions ? On s'y habitue, mais il me semble plus logique de les garder en bas à droite.

Enfin, je me demandais si ça ne serait pas sympa de changer la couleur au survol : verte pour pertinent, et rouge pour inutile. Ça serait subtile, puisque seulement afficher au survol.

saimn commented 11 years ago
Jiehong commented 11 years ago

Je comprends mieux. Et pour la couleur, il n'y a pas de soucis :)

Si tu veux vraiment améliorer les commentaires, penses à faire des propositions dans la partie « Suivi » du site.

Jiehong commented 9 years ago

Je reviens sur ce problème, avec un truc que j'avais remarqué il y a un moment. Voici une capture :

mentions

J'y vois 2 problèmes :

  1. les mentions « pertinent» et « inutile » se touchent. Elles devraient être séparées, au moins un peu.
  2. la date de dernière modification revient à la ligne, alors qu'il y a largement la place (sur cette page: https://linuxfr.org/users/julien-d/journaux/voila-comment-inciter-25-des-internautes-a-chiffrer-leurs-mails)

Pourrais-tu y jeter un coup d'œil ?

saimn commented 9 years ago

Salut,

  1. Chez moi il y a un espace (avec firefox), mais ce truc est un gros hack pour cacher le texte complet, et en regardant un peu je ne vois pas d'où est censé venir cette espace :/
  2. Toujours ce problème de faire avec le code HTML existant, j'ai fixé arbitrairement la largeur de ce bloc mais je ne vois pas trop comment faire autrement
Jiehong commented 9 years ago
  1. je suis aussi sous Firefox, et il n'y a pas cette espace. Peut-être serait-il possible d'ajouter un caractère via un truc comme : (pas testé)
input:before {
  content: " ";
}
  1. En fait, ce que tu veux, c'est que le texte n'aille pas dans le texte de droite. Pourquoi ne pas fixer une marge à droite au lieu de fixer la taille du cadre ? (je viens de tester, c'est pas mal)
 .meta {
    margin-right: 10%;
}