diff --git a/CHANGE_LOG.md b/CHANGE_LOG.md index a579fb11b..a125461c5 100644 --- a/CHANGE_LOG.md +++ b/CHANGE_LOG.md @@ -231,6 +231,10 @@ All notable changes to this project will be documented in this file. ## [Unreleased] +### Added + +- Add ability to customize `PreChatSurveyPane`'s toggle inputs using `IPreChatSurveyPaneToggleInputStyles` & Use `baseline` by default + ### Fixed - Fixed loading pane icon image fit diff --git a/chat-components/src/components/prechatsurveypane/PreChatSurveyPane.tsx b/chat-components/src/components/prechatsurveypane/PreChatSurveyPane.tsx index 1c4ed2ba7..b35fd04d5 100644 --- a/chat-components/src/components/prechatsurveypane/PreChatSurveyPane.tsx +++ b/chat-components/src/components/prechatsurveypane/PreChatSurveyPane.tsx @@ -104,7 +104,10 @@ function PreChatSurveyPane(props: IPreChatSurveyPaneProps) { padding-top: 7px; padding-bottom: 7px; } - .ac-pushButton { + .ac-input.ac-toggleInput { + align-items: ${props.styleProps?.customToggleInputStyleProps?.alignItems ?? defaultPreChatSurveyPaneStyles.customToggleInputStyleProps?.alignItems} !important; + } + .ac-pushButton { border: 1px solid #00000000; margin: 2px; height: ${props.styleProps?.customButtonStyleProps?.height ?? defaultPreChatSurveyPaneStyles.customButtonStyleProps?.height}; @@ -115,7 +118,7 @@ function PreChatSurveyPane(props: IPreChatSurveyPaneProps) { font-size: ${props.styleProps?.customButtonStyleProps?.fontSize ?? defaultPreChatSurveyPaneStyles.customButtonStyleProps?.fontSize}; font-family: ${props.styleProps?.customButtonStyleProps?.fontFamily ?? defaultPreChatSurveyPaneStyles.customButtonStyleProps?.fontFamily}; color: ${props.styleProps?.customButtonStyleProps?.color ?? defaultPreChatSurveyPaneStyles.customButtonStyleProps?.color}; - background-color: ${props.styleProps?.customButtonStyleProps?.backgroundColor ?? defaultPreChatSurveyPaneStyles.customButtonStyleProps?.backgroundColor}; + background-color: ${props.styleProps?.customButtonStyleProps?.backgroundColor ?? defaultPreChatSurveyPaneStyles.customButtonStyleProps?.backgroundColor}; }`} {!props.controlProps?.hidePreChatSurveyPane &&