Projet

Général

Profil

Development #48914

Customisation des notifications

Ajouté par Thomas Jund (congés, retour le 29/04) il y a plus de 3 ans. Mis à jour il y a environ 2 ans.

Statut:
Fermé
Priorité:
Normal
Version cible:
-
Début:
27 novembre 2020
Echéance:
% réalisé:

0%

Temps estimé:
Patch proposed:
Oui
Planning:
Non

Description

chaque type de notification est "exposable" via 3 sélecteurs différents.
Il n'y a aucun moyen de cibler simplement un composant "notif" ou une notif typé (notif-alerte) pour la customiser.

Pour modifier toutes les notif, il faut passer par les 12 sélecteurs.
Pour modifier les notifs d'un certain type, il faut passer les 3 selecteurs.

#messages li.error,
.errornotice,
.pk-error {
  // modif notif error
}
#messages li.warning,
.warningnotice,
.pk-attention {
  // modif notif warning
}
etc.

À l'aide de sass ou de class CSS, permettre de simplifier la customisation de ces composants.


Fichiers


Demandes liées

Bloqué par Intégrations graphiques Publik - Bug #61456: css notifications: supprimer les declarations !importantFermé04 février 2022

Actions
Bloque Intégrations graphiques Publik - Development #61625: $notification-icon-sizeFermé10 février 2022

Actions

Révisions associées

Révision fa757170 (diff)
Ajouté par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

scss: reorganize code of notifications to easily customize in themes (#48914)

reorganize code of notifications to easily customize in themes

Révision ee2b430f (diff)
Ajouté par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

scss: reorganize code of notifications to easily customize in themes (#48914)

reorganize code of notifications to easily customize in themes

Historique

#1

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

  • Bloqué par Bug #61456: css notifications: supprimer les declarations !important ajouté
#2

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

Réorganisation qui permet de styler tous les message d'un même type à travers 1 seul class dans les themes :
Class à utiliser

  • .errornotice
  • .warningnotice
  • .successnotice
  • .infonotice
.errornotice {
    background: red;
    color: white
    &::before {
        color: white;
    }
}

Au passage, cela supprime 50 lignes de CSS dans la version compilé de chaque theme.

#3

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

#4

Mis à jour par Serghei Mihai il y a environ 2 ans

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

Mis à jour par Thomas Jund (congés, retour le 29/04) il y a environ 2 ans

  • Statut changé de Solution validée à Résolu (à déployer)
commit ee2b430fbfe8b5cedf49f45fb5c234eb625fbec5
Author: Thomas JUND <tjund@entrouvert.com>
Date:   Wed Feb 9 15:53:16 2022 +0100

    scss: reorganize code of notifications to easily customize in themes (#48914)
#6

Mis à jour par Transition automatique il y a environ 2 ans

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

Mis à jour par Transition automatique il y a environ 2 ans

Automatic expiration

Formats disponibles : Atom PDF