CSS-Anpassungen für Dialogflow CX Messenger

Sie können den Stil Ihres Chatdialogs anpassen. Legen Sie dazu CSS-Variablen fest.

Allgemeines Styling

Die folgenden CSS-Variablen bieten allgemeine Stiloptionen:

Attribute Eingaberichtlinie Standardwert Beschreibung
df-messenger-font-family Optional "Google Sans", "Helvetica Neue", sans-serif Schriftfamilie, die im gesamten Widget verwendet werden soll.
df-messenger-font-size Optional 14 Pixel Textgröße, die im gesamten Widget verwendet werden soll.
df-messenger-font-color Optional #1f1f1f Textfarbe, die im gesamten Widget verwendet werden soll.
df-messenger-primary-color Optional #0b57d0 Primärfarbe für Elemente im gesamten Widget (z. B. Hintergrund der Titelleiste, Hintergrund des Aktionsbuttons usw.).
df-messenger-focus-color Optional #1e88e5 Farbe des Fokusrings um Elemente.
df-messenger-focus-color-contrast Optional Weiß Farbe des Fokusrings um Elemente, wenn sie sich in einem übergeordneten Element mit einer Hintergrundfarbe befinden (z. B. in der Titelleiste).
df-messenger-chat-border Optional Keine Rahmen für das Dialogfeld.
df-messenger-chat-border-radius Optional 0 Rahmenradius für das Dialogfeld.

Stil für df-messenger-chat-bubble

Wenn Sie das Element df-messenger-chat-bubble verwenden, können die folgenden CSS-Variablen angegeben werden:

Attribute Eingaberichtlinie Standardwert Beschreibung
df-messenger-chat-window-height Optional 480 px Höhe des Chatfensters.
df-messenger-chat-window-width Optional 320 px Breite des Chatfensters.
df-messenger-chat-window-offset Optional 16 Pixel Abstand zwischen der Chat-Bubble und dem Chatfenster.
df-messenger-chat-window-box-shadow Optional Keine Schatten des Chatfensters.
df-messenger-chat-collapse-icon-size Optional Nicht festgelegt Größe des Symbols für die Minimieren-Schaltfläche in der Titelleiste.
df-messenger-chat-bubble-icon-size Optional 36 Pixel Größe des Symbols für die Chat-Bubble.
df-messenger-chat-bubble-close-icon-size Optional 24 Pixel Größe des Symbols „Schließen“ für die Chat-Bubble.
df-messenger-chat-bubble-close-icon-transform-rotate Optional -90deg Drehung des Symbols „Schließen“ für die Chat-Bubble. Wird beim Schließen des Chats auf 0 Grad gedreht.
df-messenger-chat-bubble-icon-color Optional Weiß Farbe des Symbols und des Symbols „Schließen“ für die Chat-Bubble.
df-messenger-chat-bubble-size Optional 64 Pixel Größe der Chat-Bubble.
df-messenger-chat-bubble-background Optional #0b57d0 Hintergrund der Chat-Bubble.
df-messenger-chat-bubble-border-radius Optional 32 Pixel Rahmenradius der Chat-Bubble.
df-messenger-chat-bubble-border Optional Keine Rahmen der Chat-Bubble.
df-messenger-chat-border-minimized Optional Keine Rahmen des Chats in minimierter Form.
df-messenger-chat-border-radius-minimized Optional 0 Rahmenradius des Chats in minimierter Form.

Stil für Titelleiste

Für die Titelleiste können die folgenden CSS-Variablen angegeben werden:

Attribute Eingaberichtlinie Standardwert Beschreibung
df-messenger-titlebar-background Optional #0b57d0 Hintergrund der Titelleiste.
df-messenger-titlebar-padding Optional 0 15px Padding der Titelleiste.
df-messenger-titlebar-border Optional Keine Rahmen für die Titelleiste.
df-messenger-titlebar-border-bottom Optional Keine Rahmenlinie unten in der Titelleiste.
df-messenger-titlebar-title-align Optional start Textausrichtung des Titeltexts in der Titelleiste. Zulässige Werte sind start, center oder end.
df-messenger-titlebar-font-color Optional Weiß Textfarbe des Texts in der Titelleiste.
df-messenger-titlebar-letter-spacing Optional normal Zeichenabstand des Texts in der Titelleiste.
df-messenger-titlebar-title-font-size Optional 18 Pixel Textgröße des Titeltexts in der Titelleiste.
df-messenger-titlebar-title-font-family Optional "Google Sans", "Helvetica Neue", sans-serif Schriftfamilie des Titeltexts in der Titelleiste.
df-messenger-titlebar-title-font-weight Optional 400 Schriftstärke des Titeltexts in der Titelleiste.
df-messenger-titlebar-title-line-height Optional normal Zeilenhöhe des Titeltexts in der Titelleiste.
df-messenger-titlebar-title-letter-spacing Optional normal Zeichenabstand des Titeltexts in der Titelleiste.
df-messenger-titlebar-subtitle-font-color Optional Weiß Textfarbe des Untertitels in der Titelleiste.
df-messenger-titlebar-subtitle-font-size Optional 18 Pixel Textgröße des Untertitels in der Titelleiste.
df-messenger-titlebar-subtitle-font-family Optional "Google Sans", "Helvetica Neue", sans-serif Schriftfamilie des Untertiteltexts in der Titelleiste.
df-messenger-titlebar-subtitle-font-weight Optional 400 Schriftstärke des Untertiteltexts in der Titelleiste.
df-messenger-titlebar-subtitle-line-height Optional normal Zeilenhöhe des Untertiteltexts in der Titelleiste.
df-messenger-titlebar-subtitle-letter-spacing Optional normal Zeichenabstand des Untertiteltexts in der Titelleiste.
df-messenger-titlebar-title-order Optional Zeile Elemente in der Titelleiste ordnen. Zulässige Werte sind row und row-reverse. Dieser Wert ist nur wirksam, wenn das Attribut chat-title-icon angegeben wurde.
df-messenger-titlebar-icon-width Optional 18 Pixel Die Breite des Symbols in der Titelleiste. Dieser Wert wird nur angewendet, wenn chat-title-icon angegeben wurde.
df-messenger-titlebar-icon-height Optional 18 Pixel Die Höhe des Symbols in der Titelleiste. Dieser Wert wird nur angewendet, wenn chat-title-icon angegeben wurde.
df-messenger-titlebar-icon-padding Optional 0 12px 0 0 Der Abstand um das Symbol in der Titelleiste. Dieser Wert wird nur angewendet, wenn chat-title-icon angegeben wurde.

Stil für Chatfenster

Für das Chatfenster können die folgenden CSS-Variablen angegeben werden:

Attribute Eingaberichtlinie Standardwert Beschreibung
df-messenger-chat-background Optional #fafafa Hintergrund des Agenten-Dialogfelds, in dem Nachrichten angezeigt werden.
df-messenger-chat-padding Optional 10 Pixel Abstand des Agenten-Dialogfelds, in dem Nachrichten angezeigt werden.
df-messenger-messagelist-border Optional Keine Rahmen der Nachrichtenliste.
df-messenger-message-border Optional Keine Rahmen der Dialogfeldnachrichten des KI-Agenten.
df-messenger-message-font-size Optional 14 Pixel Textgröße der Dialogmeldungen des KI-Agenten.
df-messenger-message-font-family Optional "Google Sans", "Helvetica Neue", sans-serif Schriftfamilie der Dialogmeldungen des KI-Agenten.
df-messenger-message-font-weight Optional normal Schriftstärke der Dialogmeldungen des Agenten.
df-messenger-message-bot-background Optional #ecf3fe Hintergrund der vom Agenten gesendeten Nachrichten.
df-messenger-message-bot-border Optional Keine Rahmen der vom KI-Agenten gesendeten Nachrichten.
df-messenger-message-bot-font-color Optional #1f1f1f Textfarbe der vom KI-Agenten gesendeten Nachrichten.
df-messenger-message-bot-font-weight Optional normal Schriftstärke der vom Agenten gesendeten Nachrichten.
df-messenger-message-user-background Optional #e1e3e1 Hintergrund der vom Nutzer gesendeten Nachrichten.
df-messenger-message-user-border Optional Keine Rahmen der vom Nutzer gesendeten Nachrichten.
df-messenger-message-user-font-color Optional #1f1f1f Textfarbe der vom Nutzer gesendeten Nachrichten.
df-messenger-message-user-font-weight Optional normal Schriftstärke der vom Nutzer gesendeten Nachrichten.
df-messenger-message-spacing Optional 10 Pixel Abstand zwischen zwei Nachrichten.
df-messenger-message-border-radius Optional 8 Pixel Rahmenradius für Nachrichten, gilt für alle Ecken.
df-messenger-message-bot-border-top-left-radius Optional 8 Pixel Rahmenradius oben links für Agent-Nachrichten, überschreibt den allgemeinen Radius. Gilt nur für die erste Nachricht in einem Stapel.
df-messenger-message-bot-border-top-right-radius Optional 8 Pixel Rahmenradius oben rechts für Agent-Nachrichten, überschreibt den allgemeinen Radius. Gilt nur für die erste Nachricht in einem Stapel.
df-messenger-message-bot-border-bottom-left-radius Optional 8 Pixel Rahmenradius unten links für Agent-Nachrichten, überschreibt den allgemeinen Radius. Gilt nur für die letzte Nachricht in einem Stapel.
df-messenger-message-bot-border-bottom-right-radius Optional 8 Pixel Rahmenradius unten rechts für Agent-Nachrichten, überschreibt den allgemeinen Radius. Gilt nur für die letzte Nachricht in einem Stapel.
df-messenger-message-user-border-top-left-radius Optional 8 Pixel Rahmenradius oben links für Nutzernachrichten, überschreibt den allgemeinen Radius. Gilt nur für die erste Nachricht in einem Stapel.
df-messenger-message-user-border-top-right-radius Optional 8 Pixel Rahmenradius oben rechts für Nutzernachrichten, überschreibt den allgemeinen Radius. Gilt nur für die erste Nachricht in einem Stapel.
df-messenger-message-user-border-bottom-left-radius Optional 8 Pixel Rahmenradius unten links für Nutzernachrichten, überschreibt den allgemeinen Radius. Gilt nur für die letzte Nachricht in einem Stapel.
df-messenger-message-user-border-bottom-right-radius Optional 8 Pixel Rahmenradius unten rechts für Nutzernachrichten, überschreibt den allgemeinen Radius. Nur aktiv, wenn user-actor-image festgelegt ist. Gilt nur für die letzte Nachricht in einem Stapel.
df-messenger-message-stack-spacing Optional 10 Pixel Abstand zwischen zwei aufeinanderfolgenden Nachrichten.
df-messenger-message-bot-stack-border-top-left-radius Optional 8 Pixel Rahmenradius oben links für aufeinanderfolgende Agent-Nachrichten, überschreibt den Agent-Radius oben links. Nur aktiv, wenn bot-actor-image festgelegt ist. Gilt nur für die erste Nachricht in einem Stapel.
df-messenger-message-bot-stack-border-top-right-radius Optional 8 Pixel Rahmenradius oben rechts für aufeinanderfolgende Agent-Nachrichten, überschreibt den Radius oben rechts für Agenten. Nur aktiv, wenn bot-actor-image festgelegt ist. Gilt nur für die erste Nachricht in einem Stapel.
df-messenger-message-bot-stack-border-bottom-left-radius Optional 8 Pixel Rahmenradius unten links für aufeinanderfolgende KI-Agenten-Nachrichten. Überschreibt den Radius unten links für KI-Agenten. Nur aktiv, wenn bot-actor-image festgelegt ist. Gilt nur für die letzte Nachricht in einem Stapel.
df-messenger-message-bot-stack-border-bottom-right-radius Optional 8 Pixel Rahmenradius unten rechts für aufeinanderfolgende Agentennachrichten. Überschreibt den Radius unten rechts für Agenten. Nur aktiv, wenn bot-actor-image festgelegt ist. Gilt nur für die letzte Nachricht in einem Stapel.
df-messenger-message-user-stack-border-top-left-radius Optional 8 Pixel Rahmenradius oben links für aufeinanderfolgende Nutzernachrichten. Überschreibt den Radius oben links für Nutzer. Nur aktiv, wenn user-actor-image festgelegt ist.
df-messenger-message-user-stack-border-top-right-radius Optional 8 Pixel Rahmenradius oben rechts für aufeinanderfolgende Nutzernachrichten, überschreibt den Radius oben rechts für Nutzer. Nur aktiv, wenn user-actor-image festgelegt ist. Gilt nur für die erste Nachricht in einem Stapel.
df-messenger-message-user-stack-border-bottom-left-radius Optional 8 Pixel Rahmenradius unten links für aufeinanderfolgende Nutzernachrichten. Überschreibt den Radius unten links für Nutzernachrichten. Nur aktiv, wenn user-actor-image festgelegt ist. Gilt nur für die letzte Nachricht in einem Stapel.
df-messenger-message-user-stack-border-bottom-right-radius Optional 8 Pixel Rahmenradius unten rechts für aufeinanderfolgende Nutzernachrichten, überschreibt den Radius unten rechts für Nutzernachrichten. Nur aktiv, wenn user-actor-image festgelegt ist. Gilt nur für die letzte Nachricht in einem Stapel.
df-messenger-message-user-writing-image-width Optional 24 Pixel Breite des Bildes, das angezeigt wird, während der Agent schreibt. Nur aktiv, wenn bot-writing-image festgelegt ist.
df-messenger-message-bot-writing-image-height Optional 24 Pixel Höhe des Bildes, das angezeigt wird, während der Agent schreibt. Nur aktiv, wenn bot-writing-image festgelegt ist.
df-messenger-message-bot-writing-font-color Optional #1f1f1f Textfarbe des Textes, der angezeigt wird, während der KI-Agent schreibt.
df-messenger-message-bot-writing-font-weight Optional normal Schriftstärke des Texts, der angezeigt wird, während der KI-Agent schreibt.
df-messenger-message-bot-writing-font-size Optional 14 Pixel Textgröße des Texts, der angezeigt wird, während der KI-Agent schreibt.
df-messenger-message-bot-writing-border Optional Keine Rahmen der Nachricht, die angezeigt wird, während der KI-Agent schreibt.
df-messenger-message-bot-writing-background Optional #ecf3fe Hintergrund der Nachricht, die angezeigt wird, während der KI-Agent schreibt.
df-messenger-message-bot-writing-padding Optional 12 Pixel Padding der Nachricht, die angezeigt wird, während der KI-Agent schreibt.
df-messenger-message-bot-writing-spacing Optional 10 Pixel Abstand zwischen der Nachricht, die angezeigt wird, während der KI-Agent schreibt, und der vorherigen Nachricht.
df-messenger-message-bot-writing-border-radius Optional 8 Pixel Rahmenradius der Nachricht, die angezeigt wird, während der KI-Agent schreibt.
df-messenger-chat-scroll-button-align Optional center Ausrichtung der Schaltfläche „Nach unten springen“. Zulässige Werte sind flex-start, center und flex-end.
df-messenger-chat-scroll-button-container-padding Optional 8 Pixel Abstand des Containers um die Schaltfläche „Nach unten springen“.
df-messenger-chat-scroll-button-text-display Optional Inline Anzeige des Texts neben dem Symbol in der Schaltfläche „Nach unten springen“. Verwenden Sie none, um den Text auszublenden.
df-messenger-chat-scroll-button-font-size Optional 14 Pixel Textgröße der Schaltfläche „Nach unten springen“.
df-messenger-chat-scroll-button-font-color Optional Weiß Textfarbe der Schaltfläche „Nach unten springen“.
df-messenger-chat-scroll-button-background Optional #0b57d0 Hintergrund der Schaltfläche „Nach unten springen“.
df-messenger-chat-scroll-button-border-radius Optional 999 px Rahmenradius des Buttons „Nach unten springen“
df-messenger-chat-messagelist-scroll-shadow-background Optional radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), transparent) bottom Schatten, der unten in der Nachrichtenliste angezeigt wird, wenn die Liste nicht bis zum Ende gescrollt wurde. Zum Deaktivieren auf none setzen.

Stile für Schauspielerbilder

Akteurbilder werden neben Nachrichten vom Bot oder vom Nutzer angezeigt. Sie können die folgenden CSS-Variablen angeben, um das Erscheinungsbild von Akteur-Bildern anzupassen:

Attribute Eingaberichtlinie Standardwert Beschreibung
df-messenger-message-actor-spacing Optional 16 Pixel Abstand zwischen dem Bild des Akteurs und den Nachrichten.
df-messenger-message-bot-actor-order Optional Zeile Reihenfolge von Akteur-Bild und Nachrichten. Verwenden Sie row, um das Bild des Schauspielers links und die Nachrichten rechts anzuzeigen, oder row-reverse, um das Bild des Schauspielers rechts und die Nachrichten links anzuzeigen. Dieses Flag wird nur verwendet, wenn das Attribut bot-actor-image festgelegt ist.
df-messenger-message-user-actor-order Optional row-reverse Reihenfolge von Akteur-Bild und Nachrichten. Verwenden Sie row-reverse, um das Bild des Akteurs rechts und die Nachrichten links anzuzeigen, oder row, um das Bild des Akteurs links und die Nachrichten rechts anzuzeigen. Dieses Flag wird nur verwendet, wenn das Attribut user-actor-image festgelegt ist.
df-messenger-message-actor-direction Optional Spalte Sollte das Gegenteil von df-messenger-message-bot-actor-order und df-messenger-message-user-actor-order sein. Verwenden Sie column, wenn diese auf row basieren, oder row, wenn sie auf column basieren.
df-messenger-message-actor-align Optional flex-start Ausrichtung des Akteurs in Bezug auf die Nachrichten. Verwenden Sie flex-start, um das Bild des Schauspielers oben zu platzieren, center, um es zu zentrieren, oder flex-end, um es unten zu platzieren. Dieses Flag wird nur verwendet, wenn die Attribute bot-actor-image oder user-actor-image festgelegt sind.
df-messenger-message-actor-border-radius Optional 999 px Rahmenradius des Akteurbilds.
df-messenger-message-actor-padding Optional 8 Pixel Abstand des Akteur-Bildes.
df-messenger-message-actor-image-size Optional 24 Pixel Größe des Bildes des Akteurs.
df-messenger-message-bot-actor-background Optional Weiß Hintergrund des Akteurbilds des KI-Agenten.
df-messenger-message-bot-actor-border Optional Keine Rahmen des Akteurbilds des KI-Agenten.
df-messenger-message-bot-actor-offset Optional 0 Versatz, um das Bild des Agenten-Actors zu verschieben.
df-messenger-message-user-actor-background Optional Weiß Hintergrund des Schauspielerbilds des Nutzers.
df-messenger-message-user-actor-border Optional Keine Rahmen des Akteurbilds des Nutzers.
df-messenger-message-user-actor-offset Optional 0 Offset, um das Schauspielerbild des Nutzers zu verschieben.

Stile für Nutzereingaben

Sie können die folgenden CSS-Variablen für Nutzereingaben angeben:

Attribute Eingaberichtlinie Standardwert Beschreibung
df-messenger-send-icon-color Optional #0b57d0 Farbe des Symbols „Senden“ in der Nutzereingabe.
df-messenger-send-icon-color-hover Optional #0b57d0 Farbe des Symbols „Senden“ in der Nutzereingabe, wenn der Mauszeiger darauf bewegt wird.
df-messenger-send-icon-color-active Optional #0b57d0 Farbe des Symbols „Senden“ in der Nutzereingabe, wenn Text gesendet werden kann.
df-messenger-send-icon-offset-x Optional 0 Horizontaler Versatz des Symbols „Senden“ in der Nutzereingabe.
df-messenger-send-icon-offset-y Optional -4px Vertikaler Versatz des Symbols „Senden“ in der Nutzereingabe.
df-messenger-input-background Optional Weiß Hintergrund der Nutzereingabe.
df-messenger-input-padding Optional 8 Pixel Gesamt-Padding zwischen dem Nutzereingabefeld (einschließlich der Schaltfläche „Nachricht senden“) und dem Container.
df-messenger-input-inner-padding Optional 0px 48px 0px 0 Inneres Padding zwischen dem Nutzereingabefeld (ohne die Schaltfläche „Nachricht senden“) und dem Container.
df-messenger-input-border Optional Keine Rahmen der Nutzereingabe.
df-messenger-input-border-top Optional 1px solid #e0e0e0 Oberer Rand der Nutzereingabe.
df-messenger-input-border-bottom Optional Keine Unterer Rahmen des Textfelds für die Nutzereingabe.
df-messenger-input-font-family Optional "Google Sans", "Helvetica Neue", sans-serif Schriftfamilie der Nutzereingabe.
df-messenger-input-font-color Optional #1f1f1f Textfarbe der Nutzereingabe.
df-messenger-input-font-size Optional 14 Pixel Textgröße der Nutzereingabe.
df-messenger-input-font-weight Optional normal Schriftstärke der Nutzereingabe.
df-messenger-input-box-border Optional Keine Rahmen des Eingabefelds für den Nutzer.
df-messenger-input-box-focus-border Optional Keine Rahmen des Eingabefelds, wenn es fokussiert ist.
df-messenger-input-box-border-radius Optional 0 Rahmenradius des Eingabefelds für den Nutzer.
df-messenger-input-box-padding Optional 12px 0 Abstand des Eingabefelds für Nutzer.
df-messenger-input-box-focus-padding Optional 12px 0 Abstand des Nutzereingabefelds, wenn es fokussiert ist.
df-messenger-input-gutter Optional Stable Bildlaufleisten-Gutter der Nutzereingabe.
df-messenger-input-info-font-size Optional 14 Pixel Textgröße von Informationsmeldungen in der Nutzereingabe.
df-messenger-input-info-font-weight Optional normal Schriftstärke von Informationsmeldungen in der Nutzereingabe.
df-messenger-input-info-padding Optional 14px 16px Padding von Informationsmeldungen in der Nutzereingabe.
df-messenger-input-info-line-height Optional 20 Pixel Zeilenhöhe von Informationsmeldungen in der Nutzereingabe.
df-messenger-input-long-text-warning-display Optional Keine Wenn die Richtlinie auf block festgelegt ist, wird eine Warnmeldung angezeigt, sobald die Eingabe 256 Zeichen überschreitet. Nur aktiv, wenn das Attribut max-query-length höher ist (z. B. deaktiviert). Zusätzliche Dokumentation.
df-messenger-input-warning-background Optional #fef7e0 Hintergrund der Warnmeldung in der Nutzereingabe.
df-messenger-input-warning-color Optional #410e0b Textfarbe der Warnmeldung in der Nutzereingabe.
df-messenger-input-warning-icon-color Optional #e37400 Farbe des Symbols in der Warnmeldung in der Nutzereingabe.
df-messenger-input-error-background Optional #f9dedc Hintergrund der Fehlermeldung in der Nutzereingabe.
df-messenger-input-error-color Optional #410e0b Textfarbe der Fehlermeldung in der Nutzereingabe.
df-messenger-input-error-icon-color Optional #b3261e Farbe des Symbols in der Warnmeldung in der Nutzereingabe.

Stil für Authentifizierungs-Overlay

Wenn Sie eine authentifizierte Einrichtung verwenden, können Sie die folgenden CSS-Variablen für das Overlay angeben:

Attribute Eingaberichtlinie Standardwert Beschreibung
df-messenger-auth-background Optional rgba(204, 204, 204, .8) Hintergrund des Agentendialogs, wenn die Authentifizierung angezeigt wird.
df-messenger-auth-button-background Optional #0b57d0 Hintergrund des Authentifizierungsbuttons.
df-messenger-auth-button-font-family Optional "Google Sans", "Helvetica Neue", sans-serif Schriftfamilie des Authentifizierungsbuttons.
df-messenger-auth-button-font-color Optional Weiß Textfarbe des Authentifizierungsbuttons.
df-messenger-auth-button-font-size Optional 14 Pixel Textgröße des Authentifizierungsbuttons.
df-messenger-auth-button-border Optional Keine Rahmen des Authentifizierungs-Buttons.
df-messenger-auth-button-border-radius Optional 8 Pixel Rahmenradius des Authentifizierungsbuttons.

Feedback-Stil

Wenn die Funktion Feedback zu Antworten aktiviert ist, können Sie die folgenden CSS-Variablen für die Feedback-Steuerelemente angeben.

Attribute Eingaberichtlinie Standardwert Beschreibung
df-messenger-message-feedback-icon-distance Optional 8 Pixel Abstand zwischen den Buttons „Gute Antwort“ und „Schlechte Antwort“.
df-messenger-message-feedback-icon-font-color Optional #444746 Farbe der „Mag ich“- und „Mag ich nicht“-Buttons.
df-messenger-message-feedback-icon-font-color-active Optional #444746 Farbe der Schaltflächen „Mag ich“ und „Mag ich nicht“, wenn sie aktiv sind.
df-messenger-message-feedback-icon-border Optional Keine Rahmen der „Mag ich“- und „Mag ich nicht“-Schaltflächen.
df-messenger-message-feedback-icon-border-radius Optional 0 Rahmenradius der „Mag ich“- und „Mag ich nicht“-Schaltflächen.
df-messenger-message-feedback-icon-background Optional Keine Hintergrund der Buttons „Mag ich“ und „Mag ich nicht“.
df-messenger-message-feedback-icon-background-hover Optional Keine Hintergrund der Buttons „Mag ich“ und „Mag ich nicht“, wenn der Mauszeiger darauf bewegt wird.
df-messenger-message-feedback-icon-padding Optional 0 Abstand der „Mag ich“- und „Mag ich nicht“-Schaltflächen.
df-messenger-message-rich-feedback-spacing Optional 10 Pixel Abstand der Elemente im detaillierten Feedback.
df-messenger-message-rich-feedback-padding Optional 0 Padding des Rich-Feedbacks.
df-messenger-message-rich-feedback-background Optional Keine Hintergrund des Rich-Feedbacks.
df-messenger-message-rich-feedback-border-radius Optional 0 Rahmenradius des Rich-Feedbacks.
df-messenger-message-rich-feedback-border Optional Keine Rahmen des Rich-Feedbacks.
df-messenger-rich-feedback-offset-left Optional 0 Versatz des Rich-Feedbacks auf der linken Seite.