Projet

Général

Profil

Bug #10829

momo : ajout icône "cœur"

Ajouté par Frédéric Péters il y a presque 8 ans. Mis à jour il y a presque 8 ans.

Statut:
Fermé
Priorité:
Normal
Assigné à:
Version cible:
-
Début:
04 mai 2016
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:

Fichiers

0001-momo-add-heart-icon-10829.patch (2,14 ko) 0001-momo-add-heart-icon-10829.patch Frédéric Péters, 04 mai 2016 10:38
coeur-ville.png (10,1 ko) coeur-ville.png Frédéric Péters, 04 mai 2016 11:19

Révisions associées

Révision 6398c60a (diff)
Ajouté par Frédéric Péters il y a presque 8 ans

momo: add heart icon (#10829)

Historique

#1

Mis à jour par Frédéric Péters il y a presque 8 ans

L'idée c'est derrière, dans meaux.css, d'appliquer un traitement particulier à fa-heart, pour mettre leur image/icône.

#2

Mis à jour par Serghei Mihai il y a presque 8 ans

Donc dans la css il faudrait agir sur l'element <a> parent de:

<i class="fa fa-fw fa-heart fa-3x "></i>

pour changer son image de fond, par exemple?

#3

Mis à jour par Frédéric Péters il y a presque 8 ans

Quelque chose de cet acabit :

.btn .fa-heart::after {
    content: "";
    position: absolute;
    background-image: url(coeur-ville.png);
    height: 80px;
    width: 80px;
    display: block;
    background-size: 80px;
    top: 0px;
    left: 50%;
    margin-left: -40px;
}

.btn .fa-heart::before {
       color: transparent;
}

C'est sans doute bien aussi si l'image coeur-ville.png utilise un canal alpha, pour garder le fond visible, brouillon en pièce jointe, faudrait plutôt repartir du fichier svg d'origine. (cela étant si on devait garder un titre de page, on devrait rester sur un fond opaque).

#4

Mis à jour par Victor Claudet il y a presque 8 ans

ici le titre est normalement contenu dans l'image. donc on a pas besoin du titre de page. Si on doit penser plus généralement pour le futur, je ne sais pas ce qui est le mieux

#5

Mis à jour par Frédéric Péters il y a presque 8 ans

Surtout ici l'icône envoie vers un site externe, donc on mettre un titre vide de notre côté sans incidence. Mais s'il fallait que ce soit une page de l'application, on ne pourrait pas faire ça.

#6

Mis à jour par Serghei Mihai il y a presque 8 ans

Ack pour le patch

#7

Mis à jour par Frédéric Péters il y a presque 8 ans

  • Statut changé de En cours à Résolu (à déployer)
commit 6398c60ac821a3474c68e6a7e42214380309767b
Author: Frédéric Péters <fpeters@entrouvert.com>
Date:   Wed May 4 10:37:13 2016 +0200

    momo: add heart icon (#10829)
#8

Mis à jour par Frédéric Péters il y a presque 8 ans

  • Statut changé de Résolu (à déployer) à Fermé

Formats disponibles : Atom PDF