botframework-webchat-component
Version:
React component of botframework-webchat
32 lines (26 loc) • 847 B
text/typescript
import CSSTokens from '../CSSTokens';
export default function createTextContentStyle() {
return {
'&.webchat__text-content': {
fontFamily: CSSTokens.FontPrimary,
margin: 0,
minHeight: `calc(${CSSTokens.MinHeightBubble} - ${CSSTokens.PaddingRegular} * 2)`,
padding: CSSTokens.PaddingRegular,
'&.webchat__text-content--is-markdown': {
display: 'flex',
flexDirection: 'column',
gap: CSSTokens.PaddingRegular
},
'& .webchat__text-content__markdown img:not(.webchat__render-markdown__external-link-icon)': {
maxWidth: CSSTokens.MaxWidthBubble,
width: '100%'
},
'& .webchat__text-content__markdown pre': {
overflow: 'hidden'
},
'& .webchat__text-content__open-in-new-window-icon': {
height: '.75em'
}
}
};
}