Vous pouvez personnaliser le style de votre boîte de dialogue de chat en définissant des variables CSS.
Style général
Les variables CSS suivantes fournissent des options de style générales:
| Propriétés | Règle de saisie | Valeur par défaut | Description |
|---|---|---|---|
df-messenger-font-family |
Facultatif | "Google Sans", "Helvetica Neue", sans-serif | Famille de polices à utiliser dans le widget |
df-messenger-font-size |
Facultatif | 14 px | Taille du texte à utiliser dans le widget |
df-messenger-font-color |
Facultatif | #1f1f1f | Couleur de texte à utiliser dans le widget |
df-messenger-primary-color |
Facultatif | #0b57d0 | Couleur principale des éléments du widget (comme l'arrière-plan de la barre de titre, du bouton d'action, etc.) |
df-messenger-focus-color |
Facultatif | #1e88e5 | Couleur de l'anneau de mise au point autour des éléments |
df-messenger-focus-color-contrast |
Facultatif | blanc | Couleur de l'anneau de sélection autour des éléments situés à l'intérieur d'un parent avec une couleur d'arrière-plan (comme la barre de titre) |
df-messenger-chat-border |
Facultatif | aucun | Bordure de la boîte de dialogue |
df-messenger-chat-border-radius |
Facultatif | 0 | Arrondi de la bordure de la boîte de dialogue |
Style pour df-messenger-chat-bubble
Lorsque vous utilisez l'élément df-messenger-chat-bubble, les variables CSS suivantes peuvent être fournies:
| Propriétés | Règle de saisie | Valeur par défaut | Description |
|---|---|---|---|
df-messenger-chat-window-height |
Facultatif | 480px | Hauteur de la fenêtre de chat |
df-messenger-chat-window-width |
Facultatif | 320px | Largeur de la fenêtre de chat |
df-messenger-chat-window-offset |
Facultatif | 16 px | Distance entre la bulle et la fenêtre de chat |
df-messenger-chat-window-box-shadow |
Facultatif | aucun | Ombre de la zone de la fenêtre de chat |
df-messenger-chat-collapse-icon-size |
Facultatif | non défini | Taille de l'icône du bouton de réduction dans la barre de titre |
df-messenger-chat-bubble-icon-size |
Facultatif | 36 px | Taille de l'icône de la bulle de chat |
df-messenger-chat-bubble-close-icon-size |
Facultatif | 24 px | Taille de l'icône de fermeture de la bulle de chat |
df-messenger-chat-bubble-close-icon-transform-rotate |
Facultatif | -90° | Rotation de l'icône de fermeture de la bulle de chat de 0deg à la fermeture du chat |
df-messenger-chat-bubble-icon-color |
Facultatif | blanc | Couleur de l'icône et de l'icône de fermeture de la bulle de chat |
df-messenger-chat-bubble-size |
Facultatif | 64 px | Taille de la bulle de chat |
df-messenger-chat-bubble-background |
Facultatif | #0b57d0 | Arrière-plan de la bulle de chat |
df-messenger-chat-bubble-border-radius |
Facultatif | 32 px | Arrondi de la bordure de la bulle de chat |
df-messenger-chat-bubble-border |
Facultatif | aucun | Bordure de la bulle de chat |
df-messenger-chat-border-minimized |
Facultatif | aucun | Bordure du chat réduite |
df-messenger-chat-border-radius-minimized |
Facultatif | 0 | Rayon de bordure du chat sous forme réduite |
Appliquer un style à la barre de titre
Pour la barre de titre, les variables CSS suivantes peuvent être fournies:
| Propriétés | Règle de saisie | Valeur par défaut | Description |
|---|---|---|---|
df-messenger-titlebar-background |
Facultatif | #0b57d0 | Arrière-plan de la barre de titre |
df-messenger-titlebar-padding |
Facultatif | 0 15px | Marge intérieure de la barre de titre |
df-messenger-titlebar-border |
Facultatif | aucun | Bordure de la barre de titre |
df-messenger-titlebar-border-bottom |
Facultatif | aucun | Bordure inférieure de la barre de titre |
df-messenger-titlebar-title-align |
Facultatif | Départ | Alignement du ou des textes du titre dans la barre de titre. Les valeurs autorisées sont start, center ou end. |
df-messenger-titlebar-font-color |
Facultatif | blanc | Couleur du texte dans la barre de titre |
df-messenger-titlebar-letter-spacing |
Facultatif | Normal | Espacement entre les lettres du texte dans la barre de titre |
df-messenger-titlebar-title-font-size |
Facultatif | 18 px | Taille du texte du titre dans la barre de titre |
df-messenger-titlebar-title-font-family |
Facultatif | "Google Sans", "Helvetica Neue", sans-serif | Famille de polices du texte du titre dans la barre de titre |
df-messenger-titlebar-title-font-weight |
Facultatif | 400 | Épaisseur du texte du titre dans la barre de titre |
df-messenger-titlebar-title-line-height |
Facultatif | Normal | Hauteur de ligne du texte du titre dans la barre de titre |
df-messenger-titlebar-title-letter-spacing |
Facultatif | Normal | Espace entre les lettres du texte du titre dans la barre de titre |
df-messenger-titlebar-subtitle-font-color |
Facultatif | blanc | Couleur du texte du sous-titre dans la barre de titre |
df-messenger-titlebar-subtitle-font-size |
Facultatif | 18 px | Taille du texte du sous-titre dans la barre de titre |
df-messenger-titlebar-subtitle-font-family |
Facultatif | "Google Sans", "Helvetica Neue", sans-serif | Famille de polices du sous-titre dans la barre de titre |
df-messenger-titlebar-subtitle-font-weight |
Facultatif | 400 | Épaisseur de police du texte des sous-titres dans la barre de titre |
df-messenger-titlebar-subtitle-line-height |
Facultatif | Normal | Hauteur de ligne du sous-titre dans la barre de titre |
df-messenger-titlebar-subtitle-letter-spacing |
Facultatif | Normal | Espacement entre les lettres du sous-titre dans la barre de titre |
df-messenger-titlebar-title-order |
Facultatif | ligne | Classez les éléments dans la barre de titre. Les valeurs autorisées sont row ou row-reverse. Cette valeur n'est effective que si l'attribut chat-title-icon a été spécifié. |
df-messenger-titlebar-icon-width |
Facultatif | 18 px | Largeur de l'icône dans la barre de titre. Cette valeur n'est appliquée que si chat-title-icon a été spécifié. |
df-messenger-titlebar-icon-height |
Facultatif | 18 px | Hauteur de l'icône dans la barre de titre. Cette valeur n'est appliquée que si chat-title-icon a été spécifié. |
df-messenger-titlebar-icon-padding |
Facultatif | 0 12px 0 0 | Marge intérieure autour de l'icône dans la barre de titre. Cette valeur n'est appliquée que si chat-title-icon a été spécifié. |
Attribuer un style à la fenêtre de chat
Pour la fenêtre de chat, les variables CSS suivantes peuvent être fournies:
| Propriétés | Règle de saisie | Valeur par défaut | Description |
|---|---|---|---|
df-messenger-chat-background |
Facultatif | #fafafa | Arrière-plan de la boîte de dialogue de l'agent où les messages sont affichés |
df-messenger-chat-padding |
Facultatif | 10 px | Marge intérieure de la boîte de dialogue de l'agent où les messages sont affichés |
df-messenger-messagelist-border |
Facultatif | aucun | Bordure de la liste des messages |
df-messenger-message-border |
Facultatif | aucun | Bordure des messages de la boîte de dialogue de l'agent |
df-messenger-message-font-size |
Facultatif | 14 px | Taille du texte des messages de la boîte de dialogue de l'agent |
df-messenger-message-font-family |
Facultatif | "Google Sans", "Helvetica Neue", sans-serif | Famille de polices des messages de la boîte de dialogue de l'agent |
df-messenger-message-font-weight |
Facultatif | Normal | Épaisseur de police des messages de boîte de dialogue de l'agent |
df-messenger-message-bot-background |
Facultatif | #ecf3fe | Arrière-plan des messages envoyés par l'agent |
df-messenger-message-bot-border |
Facultatif | aucun | Bordure des messages envoyés par l'agent |
df-messenger-message-bot-font-color |
Facultatif | #1f1f1f | Couleur du texte des messages envoyés par l'agent |
df-messenger-message-bot-font-weight |
Facultatif | Normal | Épaisseur de police des messages envoyés par l'agent |
df-messenger-message-user-background |
Facultatif | #e1e3e1 | Arrière-plan des messages envoyés par l'utilisateur |
df-messenger-message-user-border |
Facultatif | aucun | Bordure des messages envoyés par l'utilisateur |
df-messenger-message-user-font-color |
Facultatif | #1f1f1f | Couleur du texte des messages envoyés par l'utilisateur |
df-messenger-message-user-font-weight |
Facultatif | Normal | Épaisseur de police des messages envoyés par l'utilisateur |
df-messenger-message-spacing |
Facultatif | 10 px | Espace entre deux messages |
df-messenger-message-border-radius |
Facultatif | 8 px | Bordure arrondie des messages (s'applique à tous les angles) |
df-messenger-message-bot-border-top-left-radius |
Facultatif | 8 px | Bordure arrondie en haut à gauche pour les messages des agents, remplace le rayon générique |
df-messenger-message-bot-border-top-right-radius |
Facultatif | 8 px | Bordure arrondie en haut à droite pour les messages des agents, remplace le rayon générique |
df-messenger-message-bot-border-bottom-left-radius |
Facultatif | 8 px | Bordure arrondie en bas à gauche pour les messages des agents, remplace le rayon générique |
df-messenger-message-bot-border-bottom-right-radius |
Facultatif | 8 px | Bordure arrondie en bas à droite pour les messages des agents, remplace le rayon générique |
df-messenger-message-user-border-top-left-radius |
Facultatif | 8 px | Bordure arrondie en haut à gauche pour les messages destinés aux utilisateurs ; remplace le rayon générique |
df-messenger-message-user-border-top-right-radius |
Facultatif | 8 px | Bordure arrondie en haut à droite pour les messages destinés aux utilisateurs, remplace le rayon générique |
df-messenger-message-user-border-bottom-left-radius |
Facultatif | 8 px | Bordure arrondie en bas à gauche pour les messages destinés aux utilisateurs ; remplace le rayon générique |
df-messenger-message-user-border-bottom-right-radius |
Facultatif | 8 px | Bordure arrondie en bas à droite pour les messages destinés aux utilisateurs, remplace l'arrondi générique |
df-messenger-message-stack-spacing |
Facultatif | 10 px | Espace entre deux messages consécutifs |
df-messenger-message-bot-stack-border-top-left-radius |
Facultatif | 8 px | L'arrondi de bordure en haut à gauche pour les messages consécutifs d'agent, remplace le rayon supérieur gauche de l'agent. |
df-messenger-message-bot-stack-border-top-right-radius |
Facultatif | 8 px | L'arrondi de bordure en haut à droite pour les messages consécutifs d'agent, remplace le rayon supérieur droit de l'agent. |
df-messenger-message-bot-stack-border-bottom-left-radius |
Facultatif | 8 px | L'arrondi de bordure en bas à gauche pour les messages consécutifs de l'agent remplace le rayon inférieur gauche de l'agent. |
df-messenger-message-bot-stack-border-bottom-right-radius |
Facultatif | 8 px | L'arrondi de bordure en bas à droite pour les messages consécutifs d'agent, remplace le rayon inférieur droit de l'agent. |
df-messenger-message-user-stack-border-top-left-radius |
Facultatif | 8 px | L'arrondi de bordure en haut à gauche pour les messages utilisateur consécutifs remplace le rayon supérieur gauche de l'utilisateur |
df-messenger-message-user-stack-border-top-right-radius |
Facultatif | 8 px | L'arrondi de la bordure en haut à droite pour les messages utilisateur consécutifs remplace le rayon supérieur droit de l'utilisateur. |
df-messenger-message-user-stack-border-bottom-left-radius |
Facultatif | 8 px | L'arrondi de bordure en bas à gauche pour les messages destinés aux utilisateurs consécutifs remplace le rayon inférieur gauche de l'utilisateur |
df-messenger-message-user-stack-border-bottom-right-radius |
Facultatif | 8 px | L'arrondi de la bordure en bas à droite pour les messages destinés aux utilisateurs consécutifs remplace le rayon inférieur droit de l'utilisateur |
df-messenger-message-user-writing-image-width |
Facultatif | 24 px | Largeur de l'image affichée pendant l'écriture de l'agent, active uniquement si bot-writing-image est défini |
df-messenger-message-bot-writing-image-height |
Facultatif | 24 px | Hauteur de l'image affichée pendant l'écriture de l'agent, active uniquement si bot-writing-image est défini |
df-messenger-message-bot-writing-font-color |
Facultatif | #1f1f1f | Couleur du texte affiché pendant que l'agent écrit |
df-messenger-message-bot-writing-font-weight |
Facultatif | Normal | Épaisseur du texte affiché pendant que l'agent écrit |
df-messenger-message-bot-writing-font-size |
Facultatif | 14 px | Taille du texte affiché pendant que l'agent écrit |
df-messenger-message-bot-writing-border |
Facultatif | aucun | Bordure du message affiché pendant que l'agent écrit |
df-messenger-message-bot-writing-background |
Facultatif | #ecf3fe | Arrière-plan du message affiché pendant que l'agent écrit |
df-messenger-message-bot-writing-padding |
Facultatif | 12 px | Marge intérieure du message affiché pendant l'écriture de l'agent |
df-messenger-message-bot-writing-spacing |
Facultatif | 10 px | Espace entre le message affiché pendant que l'agent écrit et le message précédent |
df-messenger-chat-scroll-button-enabled-display |
Facultatif | aucun | Définit l'affichage du bouton "Aller en bas", défini sur flex pour activer le bouton |
df-messenger-chat-scroll-button-align |
Facultatif | centre | Alignement du bouton "Aller en bas". Les valeurs autorisées sont flex-start, center et flex-end. |
df-messenger-chat-scroll-button-container-padding |
Facultatif | 8 px | Marge intérieure du conteneur autour du bouton "Aller en bas" |
df-messenger-chat-scroll-button-text-display |
Facultatif | intégrée | Affichage du texte à côté de l'icône dans le bouton "Aller en bas", utilisez none pour le masquer |
df-messenger-chat-scroll-button-font-size |
Facultatif | 14 px | Taille du texte du bouton "Aller en bas" |
df-messenger-chat-scroll-button-font-color |
Facultatif | blanc | Couleur du texte du bouton "Aller en bas" |
df-messenger-chat-scroll-button-background |
Facultatif | #0b57d0 | Arrière-plan du bouton "Aller en bas" |
df-messenger-chat-scroll-button-border-radius |
Facultatif | 999px | Arrondi de la bordure du bouton "Aller en bas" |
df-messenger-chat-messagelist-scroll-shadow-background |
Facultatif | dégradé radial(côté le plus éloigné à 50% 100%, rgba(0,0,0,.2), transparent) bas |
Ombre qui s'affiche en bas de la liste des messages lorsque l'utilisateur ne fait pas défiler la liste jusqu'en bas, définie sur none pour la désactiver |
Définir le style des images d'acteurs
Les images de l'acteur sont des images affichées à côté des messages du bot ou de l'acteur. Pour ces images d'acteur, les variables CSS suivantes peuvent être fournies:
| Propriétés | Règle de saisie | Valeur par défaut | Description |
|---|---|---|---|
df-messenger-message-actor-spacing |
Facultatif | 16 px | Distance entre l'image de l'acteur et les messages |
df-messenger-message-bot-actor-order |
Facultatif | ligne | Ordre de l'image et des messages de l'acteur. Utilisez row pour avoir l'image de l'acteur à gauche et les messages à droite, ou row-reverse pour avoir l'image de l'acteur à droite et les messages à gauche. |
df-messenger-message-user-actor-order |
Facultatif | inverser la ligne | Ordre de l'image et des messages de l'acteur. Utilisez row-reverse pour que l'image de l'acteur soit à droite et les messages à gauche, ou row pour que l'image de l'acteur soit à gauche et les messages à droite. |
df-messenger-message-actor-direction |
Facultatif | facultative | En principe, à l'opposé de df-messenger-message-bot-actor-order et df-messenger-message-user-actor-order, utilisez column lorsqu'ils sont basés sur row, ou row lorsqu'ils sont basés sur column. |
df-messenger-message-actor-align |
Facultatif | CANNOT TRANSLATE | Alignement de l’acteur par rapport aux messages. Utilisez flex-start pour placer l'image de l'acteur en haut, center pour la centrer ou flex-end pour la placer en bas. |
df-messenger-message-actor-border-radius |
Facultatif | 999px | Rayon de la bordure de l'image de l'acteur |
df-messenger-message-actor-padding |
Facultatif | 8 px | Marge intérieure de l'image de l'acteur |
df-messenger-message-actor-image-size |
Facultatif | 24 px | Taille de l'image de l'acteur |
df-messenger-message-bot-actor-background |
Facultatif | blanc | Arrière-plan de l'image de l'acteur de l'agent |
df-messenger-message-bot-actor-border |
Facultatif | aucun | Bordure de l'image de l'acteur de l'agent |
df-messenger-message-bot-actor-offset |
Facultatif | 0 | Décalage pour déplacer l'image de l'acteur de l'agent |
df-messenger-message-user-actor-background |
Facultatif | blanc | Arrière-plan de l'image de l'acteur de l'utilisateur |
df-messenger-message-user-actor-border |
Facultatif | aucun | Bordure de l'image de l'acteur de l'utilisateur |
df-messenger-message-user-actor-offset |
Facultatif | 0 | Décalage permettant de déplacer l'image de l'acteur de l'utilisateur |
Style pour les entrées utilisateur
Pour l'entrée utilisateur, les variables CSS suivantes peuvent être fournies:
| Propriétés | Règle de saisie | Valeur par défaut | Description |
|---|---|---|---|
df-messenger-send-icon-color |
Facultatif | #0b57d0 | Couleur de l'icône d'envoi dans l'entrée utilisateur |
df-messenger-send-icon-color-hover |
Facultatif | #0b57d0 | Couleur de l'icône d'envoi dans l'entrée utilisateur lorsque l'utilisateur pointe dessus |
df-messenger-send-icon-color-active |
Facultatif | #0b57d0 | Couleur de l'icône d'envoi dans l'entrée utilisateur lorsque le texte peut être envoyé |
df-messenger-send-icon-offset-x |
Facultatif | 0 | Décalage vertical de l'icône d'envoi dans l'entrée utilisateur |
df-messenger-send-icon-offset-y |
Facultatif | -4px | Décalage horizontal de l'icône d'envoi dans l'entrée utilisateur |
df-messenger-input-background |
Facultatif | blanc | Contexte de l'entrée utilisateur |
df-messenger-input-padding |
Facultatif | 8 px | Marge intérieure globale entre le champ de saisie de l'utilisateur (y compris le bouton d'envoi de message) et le conteneur. |
df-messenger-input-inner-padding |
Facultatif | 0px 48px 0px 0 | Marge intérieure intérieure entre le champ de saisie utilisateur (à l'exception du bouton d'envoi de message) et le conteneur. |
df-messenger-input-border |
Facultatif | aucun | Bordure de l'entrée utilisateur |
df-messenger-input-border-top |
Facultatif | 1 px plein #e0e0e0 | Bordure supérieure de l'entrée utilisateur |
df-messenger-input-border-bottom |
Facultatif | aucun | Bordure inférieure du champ de texte de l'entrée utilisateur |
df-messenger-input-font-family |
Facultatif | "Google Sans", "Helvetica Neue", sans-serif | Famille de polices de l'entrée utilisateur |
df-messenger-input-font-color |
Facultatif | #1f1f1f | Couleur du texte de l'entrée utilisateur |
df-messenger-input-font-size |
Facultatif | 14 px | Taille du texte de l'entrée utilisateur |
df-messenger-input-font-weight |
Facultatif | Normal | Épaisseur de police de l'entrée utilisateur |
df-messenger-input-box-border |
Facultatif | aucun | Bordure de la zone de saisie utilisateur |
df-messenger-input-box-focus-border |
Facultatif | aucun | Bordure de la zone de saisie utilisateur lorsque le curseur est sélectionné |
df-messenger-input-box-border-radius |
Facultatif | 0 | Arrondi de la bordure de la zone de saisie de l'utilisateur |
df-messenger-input-box-padding |
Facultatif | 12px 0 | Marge intérieure de la zone de saisie utilisateur |
df-messenger-input-box-focus-padding |
Facultatif | 12px 0 | Marge intérieure de la zone de saisie utilisateur lorsque le curseur est sélectionné |
df-messenger-input-gutter |
Facultatif | stable | Gouttière de la barre de défilement de l'entrée utilisateur |
df-messenger-input-info-font-size |
Facultatif | 14 px | Taille du texte des messages d'information dans les entrées utilisateur |
df-messenger-input-info-font-weight |
Facultatif | Normal | Épaisseur de police des messages d'information dans les entrées utilisateur |
df-messenger-input-info-padding |
Facultatif | 14px 16px | Marge intérieure des messages d'information dans les entrées utilisateur |
df-messenger-input-info-line-height |
Facultatif | 20 px | Hauteur de ligne des messages d'information dans les entrées utilisateur |
df-messenger-input-long-text-warning-display |
Facultatif | aucun | Si la valeur est block, un message d'avertissement s'affiche dès que la valeur saisie dépasse 256 caractères. N'est actif que si la valeur de l'attribut max-query-length est supérieure (par exemple, désactivée). Documentation supplémentaire |
df-messenger-input-warning-background |
Facultatif | #fef7e0 | Arrière-plan du message d'avertissement dans l'entrée utilisateur |
df-messenger-input-warning-color |
Facultatif | #410e0b | Couleur du texte du message d'avertissement dans l'entrée utilisateur |
df-messenger-input-warning-icon-color |
Facultatif | #e37400 | Couleur de l'icône dans le message d'avertissement dans l'entrée utilisateur |
df-messenger-input-error-background |
Facultatif | #f9dedc | Arrière-plan du message d'erreur dans l'entrée utilisateur |
df-messenger-input-error-color |
Facultatif | #410e0b | Couleur du texte du message d'erreur dans l'entrée utilisateur |
df-messenger-input-error-icon-color |
Facultatif | #b3261e | Couleur de l'icône dans le message d'avertissement dans l'entrée utilisateur |
Style pour la superposition d'authentification
Avec une configuration authentifiée, les variables CSS suivantes peuvent être fournies pour la superposition:
| Propriétés | Règle de saisie | Valeur par défaut | Description |
|---|---|---|---|
df-messenger-auth-background |
Facultatif | rgba(204, 204, 204, 0,8) | Arrière-plan de la boîte de dialogue de l'agent lorsque l'authentification est affichée |
df-messenger-auth-button-background |
Facultatif | #0b57d0 | Arrière-plan du bouton d'authentification |
df-messenger-auth-button-font-family |
Facultatif | "Google Sans", "Helvetica Neue", sans-serif | Famille de polices du bouton d'authentification |
df-messenger-auth-button-font-color |
Facultatif | blanc | Couleur du texte du bouton d'authentification |
df-messenger-auth-button-font-size |
Facultatif | 14 px | Taille du texte du bouton d'authentification |
df-messenger-auth-button-border |
Facultatif | aucun | Bordure du bouton d'authentification |
df-messenger-auth-button-border-radius |
Facultatif | 8 px | Bordure arrondie du bouton d'authentification |
Style des commentaires
Lorsque la fonctionnalité de commentaires sur la réponse est activée, les variables CSS suivantes peuvent être fournies pour les commandes de commentaires.
| Propriétés | Règle de saisie | Valeur par défaut | Description |
|---|---|---|---|
df-messenger-message-feedback-icon-distance |
Facultatif | 8 px | Distance entre les boutons "J'aime" et "Je n'aime pas" |
df-messenger-message-feedback-icon-font-color |
Facultatif | #444746 | Couleur des boutons J'aime et Je n'aime pas |
df-messenger-message-feedback-icon-font-color-active |
Facultatif | #444746 | Couleur des boutons "J'aime" et "Je n'aime pas" lorsqu'ils sont actifs |
df-messenger-message-feedback-icon-border |
Facultatif | aucun | Bordure des boutons J'aime et Je n'aime pas |
df-messenger-message-feedback-icon-border-radius |
Facultatif | 0 | Arrondi de la bordure des boutons "J'aime" et "Je n'aime pas" |
df-messenger-message-feedback-icon-background |
Facultatif | aucun | Arrière-plan des boutons "J'aime" et "Je n'aime pas" |
df-messenger-message-feedback-icon-background-hover |
Facultatif | aucun | Arrière-plan des boutons "J'aime" et "Je n'aime pas" lors du passage de la souris |
df-messenger-message-feedback-icon-padding |
Facultatif | 0 | Marges intérieures des boutons J'aime et Je n'aime pas |
df-messenger-message-rich-feedback-spacing |
Facultatif | 10 px | Espacement des éléments dans le commentaire enrichi |
df-messenger-message-rich-feedback-padding |
Facultatif | 0 | Ajouter une marge intérieure aux commentaires détaillés |
df-messenger-message-rich-feedback-background |
Facultatif | aucun | Contexte des commentaires détaillés |
df-messenger-message-rich-feedback-border-radius |
Facultatif | 0 | Rayon de bordure des commentaires enrichis |
df-messenger-message-rich-feedback-border |
Facultatif | aucun | Bordure du commentaire enrichi |
df-messenger-rich-feedback-offset-left |
Facultatif | 0 | Décalage à gauche |