אתם יכולים להתאים אישית את הסגנון של תיבת הדו-שיח של הצ'אט על ידי הגדרת משתני CSS.
סגנון כללי
משתני ה-CSS הבאים מספקים אפשרויות כלליות לעיצוב:
| מאפיינים | מדיניות קלט | ערך ברירת המחדל | תיאור |
|---|---|---|---|
df-messenger-font-family |
אופציונלי | "Google Sans", "Helvetica Neue", sans-serif | משפחת הגופנים שתשמש בכל הווידג'ט |
df-messenger-font-size |
אופציונלי | 14px | גודל הטקסט שיוצג בווידג'ט |
df-messenger-font-color |
אופציונלי | #1f1f1f | צבע הטקסט שיופיע בכל הווידג'ט |
df-messenger-primary-color |
אופציונלי | #0b57d0 | הצבע הראשי של הרכיבים בווידג'ט (כמו הרקע של סרגל הכותרת, הרקע של לחצן הפעולה ועוד) |
df-messenger-focus-color |
אופציונלי | #1e88e5 | צבע טבעת המיקוד סביב אלמנטים |
df-messenger-focus-color-contrast |
אופציונלי | לבן | הצבע של טבעת ההדגשה סביב רכיבים כשהם נמצאים בתוך רכיב אב עם צבע רקע (כמו סרגל הכותרת) |
df-messenger-chat-border |
אופציונלי | ללא | הגבול של תיבת הדו-שיח |
df-messenger-chat-border-radius |
אופציונלי | 0 | רדיוס הגבול של תיבת הדו-שיח |
עיצוב עבור df-messenger-chat-bubble
כשמשתמשים ברכיב df-messenger-chat-bubble, אפשר לספק את משתני ה-CSS הבאים:
| מאפיינים | מדיניות קלט | ערך ברירת המחדל | תיאור |
|---|---|---|---|
df-messenger-chat-window-height |
אופציונלי | 480 px | הגובה של חלון הצ'אט |
df-messenger-chat-window-width |
אופציונלי | 320 px | הרוחב של חלון הצ'אט |
df-messenger-chat-window-offset |
אופציונלי | 16px | המרחק בין בועת הצ'אט לחלון הצ'אט |
df-messenger-chat-window-box-shadow |
אופציונלי | ללא | צללית של תיבת הצ'אט |
df-messenger-chat-collapse-icon-size |
אופציונלי | לא מוגדר | גודל הסמל של לחצן הכיווץ בסרגל הכותרת |
df-messenger-chat-bubble-icon-size |
אופציונלי | 36px | גודל הסמל של בועת הצ'אט |
df-messenger-chat-bubble-close-icon-size |
אופציונלי | 24px | גודל סמל הסגירה של בועת הצ'אט |
df-messenger-chat-bubble-close-icon-transform-rotate |
אופציונלי | -90deg | סיבוב של סמל הסגירה של בועת הצ'אט, מסתובב ל-0 מעלות כשסוגרים את הצ'אט |
df-messenger-chat-bubble-icon-color |
אופציונלי | לבן | הצבע של הסמל ושל סמל הסגירה של בועת הצ'אט |
df-messenger-chat-bubble-size |
אופציונלי | 64px | גודל בועת הצ'אט |
df-messenger-chat-bubble-background |
אופציונלי | #0b57d0 | הרקע של בועת הצ'אט |
df-messenger-chat-bubble-border-radius |
אופציונלי | 32px | רדיוס הגבול של בועת הצ'אט |
df-messenger-chat-bubble-border |
אופציונלי | ללא | הגבול של בועת הצ'אט |
df-messenger-chat-border-minimized |
אופציונלי | ללא | הגבול של הצ'אט במצב ממוזער |
df-messenger-chat-border-radius-minimized |
אופציונלי | 0 | רדיוס הגבול של הצ'אט כשהוא ממוזער |
סגנון שורת הכותרת
אפשר לספק את משתני ה-CSS הבאים עבור סרגל הכותרת:
| מאפיינים | מדיניות קלט | ערך ברירת המחדל | תיאור |
|---|---|---|---|
df-messenger-titlebar-background |
אופציונלי | #0b57d0 | רקע של סרגל הכותרת |
df-messenger-titlebar-padding |
אופציונלי | 0 15px | הריווח הפנימי של סרגל הכותרת |
df-messenger-titlebar-border |
אופציונלי | ללא | גבול לסרגל הכותרת |
df-messenger-titlebar-border-bottom |
אופציונלי | ללא | הגבול התחתון של סרגל הכותרת |
df-messenger-titlebar-title-align |
אופציונלי | start | הערכים המותרים ליישור הטקסט של שמות הפריטים בסרגל הכותרת הם start, center או end |
df-messenger-titlebar-font-color |
אופציונלי | לבן | צבע הטקסט בסרגל הכותרת |
df-messenger-titlebar-letter-spacing |
אופציונלי | רגיל | הריווח בין האותיות בטקסט שבסרגל הכותרת |
df-messenger-titlebar-title-font-size |
אופציונלי | 18px | גודל הטקסט של הכותרת בסרגל הכותרת |
df-messenger-titlebar-title-font-family |
אופציונלי | "Google Sans", "Helvetica Neue", sans-serif | משפחת הגופנים של טקסט הכותרת בסרגל הכותרת |
df-messenger-titlebar-title-font-weight |
אופציונלי | 400 | עובי הגופן של טקסט הכותרת בסרגל הכותרת |
df-messenger-titlebar-title-line-height |
אופציונלי | רגיל | גובה השורה של טקסט הכותרת בסרגל הכותרת |
df-messenger-titlebar-title-letter-spacing |
אופציונלי | רגיל | הריווח בין האותיות של טקסט הכותרת בסרגל הכותרת |
df-messenger-titlebar-subtitle-font-color |
אופציונלי | לבן | צבע הטקסט של הכתוביות בסרגל הכותרת |
df-messenger-titlebar-subtitle-font-size |
אופציונלי | 18px | גודל הטקסט של הכתובית בשורת הכותרת |
df-messenger-titlebar-subtitle-font-family |
אופציונלי | "Google Sans", "Helvetica Neue", sans-serif | משפחת הגופנים של טקסט הכתוביות בסרגל הכותרת |
df-messenger-titlebar-subtitle-font-weight |
אופציונלי | 400 | עובי הגופן של טקסט הכתוביות בסרגל הכותרת |
df-messenger-titlebar-subtitle-line-height |
אופציונלי | רגיל | גובה השורה של טקסט הכתוביות בסרגל הכותרת |
df-messenger-titlebar-subtitle-letter-spacing |
אופציונלי | רגיל | הריווח בין האותיות בטקסט של כותרת המשנה בסרגל הכותרת |
df-messenger-titlebar-title-order |
אופציונלי | שורה | סדר הרכיבים בסרגל הכותרת. הערכים המותרים הם row או row-reverse. הערך הזה תקף רק אם צוין המאפיין chat-title-icon. |
df-messenger-titlebar-icon-width |
אופציונלי | 18px | הרוחב של הסמל בסרגל הכותרת. הערך הזה חל רק אם צוין המשתנה chat-title-icon. |
df-messenger-titlebar-icon-height |
אופציונלי | 18px | הגובה של הסמל בסרגל הכותרת. הערך הזה חל רק אם צוין המשתנה chat-title-icon. |
df-messenger-titlebar-icon-padding |
אופציונלי | 0 12px 0 0 | הריווח הפנימי מסביב לסמל בסרגל הכותרת. הערך הזה חל רק אם צוין המשתנה chat-title-icon. |
סגנון חלון הצ'אט
אפשר לספק את משתני ה-CSS הבאים לחלון הצ'אט:
| מאפיינים | מדיניות קלט | ערך ברירת המחדל | תיאור |
|---|---|---|---|
df-messenger-chat-background |
אופציונלי | #fafafa | הרקע של תיבת הדו-שיח של הסוכן שבה מוצגות ההודעות |
df-messenger-chat-padding |
אופציונלי | 10px | השוליים של תיבת הדו-שיח של הסוכן שבה מוצגות ההודעות |
df-messenger-messagelist-border |
אופציונלי | ללא | הגבול של רשימת ההודעות |
df-messenger-message-border |
אופציונלי | ללא | קו הגבול של ההודעות בתיבת הדו-שיח של הסוכן |
df-messenger-message-font-size |
אופציונלי | 14px | גודל הטקסט של ההודעות בשיחה עם הסוכן |
df-messenger-message-font-family |
אופציונלי | "Google Sans", "Helvetica Neue", sans-serif | משפחת הגופנים של ההודעות בשיחה עם הסוכן |
df-messenger-message-font-weight |
אופציונלי | רגיל | משקל הגופן של ההודעות בשיחה עם הסוכן |
df-messenger-message-bot-background |
אופציונלי | #ecf3fe | רקע של ההודעות שנשלחו על ידי הסוכן |
df-messenger-message-bot-border |
אופציונלי | ללא | הגבול של ההודעות שנשלחו על ידי הסוכן |
df-messenger-message-bot-font-color |
אופציונלי | #1f1f1f | צבע הטקסט של ההודעות שנשלחו על ידי הסוכן |
df-messenger-message-bot-font-weight |
אופציונלי | רגיל | משקל הגופן של ההודעות שנשלחו על ידי הסוכן |
df-messenger-message-user-background |
אופציונלי | #e1e3e1 | רקע של ההודעות שנשלחו על ידי המשתמש |
df-messenger-message-user-border |
אופציונלי | ללא | הגבול של ההודעות שנשלחו על ידי המשתמש |
df-messenger-message-user-font-color |
אופציונלי | #1f1f1f | צבע הטקסט של ההודעות שנשלחו על ידי המשתמש |
df-messenger-message-user-font-weight |
אופציונלי | רגיל | המשקל של הגופן של ההודעות שנשלחו על ידי המשתמש |
df-messenger-message-spacing |
אופציונלי | 10px | רווח בין שתי הודעות |
df-messenger-message-border-radius |
אופציונלי | 8px | רדיוס הגבול של ההודעות, חל על כל הפינות |
df-messenger-message-bot-border-top-left-radius |
אופציונלי | 8px | רדיוס הגבולות בפינה הימנית העליונה של הודעות מסוכנים, מבטל את הרדיוס הכללי |
df-messenger-message-bot-border-top-right-radius |
אופציונלי | 8px | רדיוס הגבול בפינה השמאלית העליונה של הודעות מסוכן, מבטל את הרדיוס הכללי |
df-messenger-message-bot-border-bottom-left-radius |
אופציונלי | 8px | רדיוס הגבול התחתון השמאלי של הודעות הסוכן, מבטל את הרדיוס הכללי |
df-messenger-message-bot-border-bottom-right-radius |
אופציונלי | 8px | רדיוס הגבול בפינה הימנית התחתונה של הודעות מסוכן, מבטל את הרדיוס הכללי |
df-messenger-message-user-border-top-left-radius |
אופציונלי | 8px | רדיוס הגבולות בפינה השמאלית העליונה של הודעות המשתמשים, מבטל את הרדיוס הכללי |
df-messenger-message-user-border-top-right-radius |
אופציונלי | 8px | רדיוס הגבול בפינה השמאלית העליונה של הודעות משתמש, מבטל את הרדיוס הכללי |
df-messenger-message-user-border-bottom-left-radius |
אופציונלי | 8px | רדיוס הגבולות בפינה השמאלית התחתונה של הודעות משתמשים, מבטל את הרדיוס הכללי |
df-messenger-message-user-border-bottom-right-radius |
אופציונלי | 8px | רדיוס הגבול בפינה הימנית התחתונה של הודעות משתמשים, מבטל את הרדיוס הכללי |
df-messenger-message-stack-spacing |
אופציונלי | 10px | רווח בין שתי הודעות רצופות |
df-messenger-message-bot-stack-border-top-left-radius |
אופציונלי | 8px | רדיוס הגבול בפינה הימנית העליונה של הודעות רצופות מסוכן, מבטל את הרדיוס בפינה הימנית העליונה של הסוכן |
df-messenger-message-bot-stack-border-top-right-radius |
אופציונלי | 8px | Border radius top right for consecutive agent messages, overrides agent top right radius |
df-messenger-message-bot-stack-border-bottom-left-radius |
אופציונלי | 8px | רדיוס הגבול השמאלי התחתון להודעות רצופות של הסוכן, מבטל את הרדיוס השמאלי התחתון של הסוכן |
df-messenger-message-bot-stack-border-bottom-right-radius |
אופציונלי | 8px | רדיוס הגבול של הפינה הימנית התחתונה של הודעות רצופות מהסוכן, מבטל את הרדיוס של הפינה הימנית התחתונה של הסוכן |
df-messenger-message-user-stack-border-top-left-radius |
אופציונלי | 8px | רדיוס הגבול בפינה השמאלית העליונה להודעות רצופות של משתמשים, מבטל את הרדיוס בפינה השמאלית העליונה של המשתמש |
df-messenger-message-user-stack-border-top-right-radius |
אופציונלי | 8px | רדיוס הגבול בפינה הימנית העליונה של הודעות רצופות של משתמש, מבטל את הרדיוס בפינה הימנית העליונה של המשתמש |
df-messenger-message-user-stack-border-bottom-left-radius |
אופציונלי | 8px | רדיוס המסגרת בפינה השמאלית התחתונה של הודעות רצופות של משתמשים, מבטל את הרדיוס בפינה השמאלית התחתונה של המשתמש |
df-messenger-message-user-stack-border-bottom-right-radius |
אופציונלי | 8px | רדיוס הגבול בפינה הימנית התחתונה של הודעות רצופות ממשתמש, מבטל את הרדיוס בפינה הימנית התחתונה של המשתמש |
df-messenger-message-user-writing-image-width |
אופציונלי | 24px | הרוחב של התמונה שמוצגת בזמן שהסוכן כותב, פעיל רק אם מוגדר bot-writing-image |
df-messenger-message-bot-writing-image-height |
אופציונלי | 24px | גובה התמונה שמוצגת בזמן שהסוכן כותב, פעיל רק אם מוגדר bot-writing-image |
df-messenger-message-bot-writing-font-color |
אופציונלי | #1f1f1f | צבע הטקסט שמוצג בזמן שהנציג כותב |
df-messenger-message-bot-writing-font-weight |
אופציונלי | רגיל | המשקל של הגופן של הטקסט שמוצג בזמן שהסוכן כותב |
df-messenger-message-bot-writing-font-size |
אופציונלי | 14px | גודל הטקסט שמוצג בזמן שהסוכן כותב |
df-messenger-message-bot-writing-border |
אופציונלי | ללא | הגבול של ההודעה שמוצגת בזמן שהנציג כותב |
df-messenger-message-bot-writing-background |
אופציונלי | #ecf3fe | הרקע של ההודעה שמוצגת בזמן שהנציג כותב |
df-messenger-message-bot-writing-padding |
אופציונלי | 12px | הריווח של ההודעה שמוצגת בזמן שהסוכן כותב |
df-messenger-message-bot-writing-spacing |
אופציונלי | 10px | הרווח בין ההודעה שמוצגת בזמן שהנציג כותב לבין ההודעה הקודמת |
df-messenger-chat-scroll-button-enabled-display |
אופציונלי | ללא | הגדרה שקובעת את התצוגה של הלחצן 'מעבר לתחתית'. אם מגדירים את הערך flex, הלחצן מופעל. |
df-messenger-chat-scroll-button-align |
אופציונלי | מרכז | המיקום של הלחצן 'מעבר לתחתית'. הערכים המותרים הם flex-start, center, flex-end |
df-messenger-chat-scroll-button-container-padding |
אופציונלי | 8px | המרווח הפנימי של המאגר סביב הלחצן 'מעבר לתחתית' |
df-messenger-chat-scroll-button-text-display |
אופציונלי | בתוך השורה | הצגת הטקסט לצד הסמל בלחצן 'מעבר לתחתית', שימוש ב-none להסתרת הטקסט |
df-messenger-chat-scroll-button-font-size |
אופציונלי | 14px | גודל הטקסט של הלחצן 'מעבר לתחתית' |
df-messenger-chat-scroll-button-font-color |
אופציונלי | לבן | צבע הטקסט של הלחצן 'מעבר לתחתית' |
df-messenger-chat-scroll-button-background |
אופציונלי | #0b57d0 | הרקע של הלחצן 'מעבר לתחתית' |
df-messenger-chat-scroll-button-border-radius |
אופציונלי | 999px | רדיוס הגבול של הלחצן 'מעבר לתחתית' |
df-messenger-chat-messagelist-scroll-shadow-background |
אופציונלי | radial-gradient(farthest-side at 50% 100%, rgba(0,0,0,.2), transparent) bottom |
צל שמוצג בחלק התחתון של רשימת ההודעות כשהרשימה לא מגוללת עד הסוף. כדי להשבית את הצל, צריך להגדיר את הערך none |
סגנון של תמונות שחקנים
תמונות של גורמים הם התמונות שמוצגות לצד הודעות של בוט או של הגורם. לגבי תמונות של שחקנים, אפשר לספק את משתני ה-CSS הבאים:
| מאפיינים | מדיניות קלט | ערך ברירת המחדל | תיאור |
|---|---|---|---|
df-messenger-message-actor-spacing |
אופציונלי | 16px | המרחק בין תמונת השחקן לבין ההודעות |
df-messenger-message-bot-actor-order |
אופציונלי | שורה | הסדר של תמונת השחקן וההודעות. משתמשים ב-row כדי שהתמונה של השחקן תהיה בצד ימין וההודעות בצד שמאל, או ב-row-reverse כדי שהתמונה של השחקן תהיה בצד שמאל וההודעות בצד ימין. |
df-messenger-message-user-actor-order |
אופציונלי | row-reverse | הסדר של תמונת השחקן וההודעות. משתמשים ב-row-reverse כדי שהתמונה של השחקן תהיה בצד ימין וההודעות בצד שמאל, או ב-row כדי שהתמונה של השחקן תהיה בצד שמאל וההודעות בצד ימין. |
df-messenger-message-actor-direction |
אופציונלי | עמודה | הערך צריך להיות ההפך מ-df-messenger-message-bot-actor-order ומ-df-messenger-message-user-actor-order. משתמשים ב-column כשהערכים האלה מבוססים על row, או ב-row כשהם מבוססים על column. |
df-messenger-message-actor-align |
אופציונלי | flex-start | התאמה של הגורם המבצע ביחס להודעות. משתמשים ב-flex-start כדי להציג את תמונת השחקן בחלק העליון, ב-center כדי להציג את תמונת השחקן במרכז או ב-flex-end כדי להציג את תמונת השחקן בחלק התחתון. |
df-messenger-message-actor-border-radius |
אופציונלי | 999px | רדיוס הגבול של תמונת השחקן |
df-messenger-message-actor-padding |
אופציונלי | 8px | הריווח הפנימי של תמונת השחקן |
df-messenger-message-actor-image-size |
אופציונלי | 24px | גודל התמונה של המשתמש |
df-messenger-message-bot-actor-background |
אופציונלי | לבן | הרקע של תמונת הנציג |
df-messenger-message-bot-actor-border |
אופציונלי | ללא | הגבול של תמונת הנציג |
df-messenger-message-bot-actor-offset |
אופציונלי | 0 | הזזה של תמונת השחקן של הסוכן |
df-messenger-message-user-actor-background |
אופציונלי | לבן | רקע של תמונת השחקן/ית של המשתמש |
df-messenger-message-user-actor-border |
אופציונלי | ללא | הגבול של תמונת הפרופיל של המשתמש |
df-messenger-message-user-actor-offset |
אופציונלי | 0 | היסט להזזת תמונת השחקן של המשתמש |
סגנון קלט של משתמשים
אפשר לספק את משתני ה-CSS הבאים עבור קלט של משתמשים:
| מאפיינים | מדיניות קלט | ערך ברירת המחדל | תיאור |
|---|---|---|---|
df-messenger-send-icon-color |
אופציונלי | #0b57d0 | הצבע של סמל השליחה בקלט של משתמשים |
df-messenger-send-icon-color-hover |
אופציונלי | #0b57d0 | הצבע של סמל השליחה בקלט של משתמשים כשמעבירים מעליו את הסמן |
df-messenger-send-icon-color-active |
אופציונלי | #0b57d0 | הצבע של סמל השליחה בקלט של המשתמש כשאפשר לשלוח טקסט |
df-messenger-send-icon-offset-x |
אופציונלי | 0 | ההיסט האנכי של סמל השליחה בקלט המשתמש |
df-messenger-send-icon-offset-y |
אופציונלי | -4px | ההיסט האופקי של סמל השליחה בקלט המשתמש |
df-messenger-input-background |
אופציונלי | לבן | רקע של קלט של משתמשים |
df-messenger-input-padding |
אופציונלי | 8px | הריווח הכולל בין שדה להזנת קלט של משתמשים (כולל לחצן שליחת ההודעה) לבין הקונטיינר. |
df-messenger-input-inner-padding |
אופציונלי | 0px 48px 0px 0 | הריווח הפנימי בין שדה להזנת קלט של משתמשים (לא כולל את לחצן שליחת ההודעה) לבין הקונטיינר. |
df-messenger-input-border |
אופציונלי | ללא | גבול של קלט של משתמשים |
df-messenger-input-border-top |
אופציונלי | 1px solid #e0e0e0 | הגבול העליון של קלט של משתמשים |
df-messenger-input-border-bottom |
אופציונלי | ללא | הגבול התחתון של שדה הטקסט של קלט של משתמשים |
df-messenger-input-font-family |
אופציונלי | "Google Sans", "Helvetica Neue", sans-serif | משפחת הגופנים של קלט של משתמשים |
df-messenger-input-font-color |
אופציונלי | #1f1f1f | צבע הטקסט של קלט של משתמשים |
df-messenger-input-font-size |
אופציונלי | 14px | גודל הטקסט של קלט המשתמש |
df-messenger-input-font-weight |
אופציונלי | רגיל | עובי הגופן של קלט של משתמשים |
df-messenger-input-box-border |
אופציונלי | ללא | הגבול של תיבת הקלט של המשתמש |
df-messenger-input-box-focus-border |
אופציונלי | ללא | הגבול של תיבת הקלט של המשתמש בזמן שהיא מודגשת |
df-messenger-input-box-border-radius |
אופציונלי | 0 | רדיוס הגבול של תיבת הקלט של המשתמש |
df-messenger-input-box-padding |
אופציונלי | 12px 0 | הוספת רווחים לתיבת הקלט של המשתמש |
df-messenger-input-box-focus-padding |
אופציונלי | 12px 0 | הריווח הפנימי של תיבת קלט של משתמשים כשהיא במצב ממוקד |
df-messenger-input-gutter |
אופציונלי | יציב | השוליים של פס הגלילה של קלט של משתמשים |
df-messenger-input-info-font-size |
אופציונלי | 14px | גודל הטקסט של הודעות מידע בקלט של המשתמש |
df-messenger-input-info-font-weight |
אופציונלי | רגיל | משקל הגופן של הודעות מידע בקלט של משתמשים |
df-messenger-input-info-padding |
אופציונלי | 14px 16px | הוספת רווחים להודעות מידע בקלט של משתמשים |
df-messenger-input-info-line-height |
אופציונלי | 20 פיקסלים | גובה השורה של הודעות מידע בקלט של משתמשים |
df-messenger-input-long-text-warning-display |
אופציונלי | ללא | אם הערך הוא block, תוצג הודעת אזהרה אם הקלט יחרוג מ-256 תווים. המאפיין פעיל רק אם הערך של max-query-length גבוה יותר (למשל, מושבת). מסמכים נוספים. |
df-messenger-input-warning-background |
אופציונלי | #fef7e0 | רקע של הודעת האזהרה בקלט של משתמשים |
df-messenger-input-warning-color |
אופציונלי | #410e0b | צבע הטקסט של הודעת האזהרה בקלט של המשתמש |
df-messenger-input-warning-icon-color |
אופציונלי | #e37400 | הצבע של הסמל בהודעת האזהרה בקלט של המשתמש |
df-messenger-input-error-background |
אופציונלי | #f9dedc | הרקע של הודעת השגיאה בקלט של המשתמש |
df-messenger-input-error-color |
אופציונלי | #410e0b | צבע הטקסט של הודעת השגיאה בקלט של משתמשים |
df-messenger-input-error-icon-color |
אופציונלי | #b3261e | הצבע של הסמל בהודעת האזהרה בקלט של המשתמש |
סגנון של שכבת-על לאימות
כשמשתמשים בהגדרה מאומתת, אפשר לספק את משתני ה-CSS הבאים לשכבת העל:
| מאפיינים | מדיניות קלט | ערך ברירת המחדל | תיאור |
|---|---|---|---|
df-messenger-auth-background |
אופציונלי | rgba(204, 204, 204, .8) | רקע של תיבת הדו-שיח של הסוכן כשהאימות מוצג |
df-messenger-auth-button-background |
אופציונלי | #0b57d0 | רקע של לחצן האימות |
df-messenger-auth-button-font-family |
אופציונלי | "Google Sans", "Helvetica Neue", sans-serif | משפחת הגופנים של לחצן האימות |
df-messenger-auth-button-font-color |
אופציונלי | לבן | צבע הטקסט של לחצן האימות |
df-messenger-auth-button-font-size |
אופציונלי | 14px | גודל הטקסט בלחצן האימות |
df-messenger-auth-button-border |
אופציונלי | ללא | הגבול של לחצן האימות |
df-messenger-auth-button-border-radius |
אופציונלי | 8px | רדיוס הגבול של לחצן האימות |
סגנון המשוב
כשמפעילים את התכונה משוב על תשובות, אפשר לספק את משתני ה-CSS הבאים עבור אמצעי הבקרה של המשוב.
| מאפיינים | מדיניות קלט | ערך ברירת המחדל | תיאור |
|---|---|---|---|
df-messenger-message-feedback-icon-distance |
אופציונלי | 8px | המרחק בין הלחצנים 'אהבתי' ו'לא אהבתי' |
df-messenger-message-feedback-icon-font-color |
אופציונלי | #444746 | הצבע של הלחצנים 'אהבתי' ו'לא אהבתי' |
df-messenger-message-feedback-icon-font-color-active |
אופציונלי | #444746 | הצבע של הכפתורים 'לייק' ו'דיסלייק' כשהם פעילים |
df-messenger-message-feedback-icon-border |
אופציונלי | ללא | הגבול של כפתורי הלייק והדיסלייק |
df-messenger-message-feedback-icon-border-radius |
אופציונלי | 0 | רדיוס הגבול של הלחצנים 'אהבתי' ו'לא אהבתי' |
df-messenger-message-feedback-icon-background |
אופציונלי | ללא | רקע של כפתורי הלייק והדיסלייק |
df-messenger-message-feedback-icon-background-hover |
אופציונלי | ללא | רקע של כפתורי הלייק והדיסלייק כשמעבירים מעליהם את העכבר |
df-messenger-message-feedback-icon-padding |
אופציונלי | 0 | מרווח פנימי של הלחצנים 'אהבתי' ו'לא אהבתי' |
df-messenger-message-rich-feedback-spacing |
אופציונלי | 10px | הריווח בין האלמנטים במשוב המפורט |
df-messenger-message-rich-feedback-padding |
אופציונלי | 0 | הוספת רווחים למשוב המפורט |
df-messenger-message-rich-feedback-background |
אופציונלי | ללא | הרקע של המשוב העשיר |
df-messenger-message-rich-feedback-border-radius |
אופציונלי | 0 | רדיוס הגבולות של המשוב העשיר |
df-messenger-message-rich-feedback-border |
אופציונלי | ללא | הגבול של המשוב המתקדם |
df-messenger-rich-feedback-offset-left |
אופציונלי | 0 | היסט בצד שמאל |