botframework-webchat-component
Version:
React component of botframework-webchat
53 lines (51 loc) • 6.2 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = createScrollToEndButtonStyle;
function createScrollToEndButtonStyle(_ref) {
var newMessagesButtonFontSize = _ref.newMessagesButtonFontSize,
paddingRegular = _ref.paddingRegular,
primaryFont = _ref.primaryFont,
transcriptOverlayButtonBackground = _ref.transcriptOverlayButtonBackground,
transcriptOverlayButtonBackgroundOnFocus = _ref.transcriptOverlayButtonBackgroundOnFocus,
transcriptOverlayButtonBackgroundOnHover = _ref.transcriptOverlayButtonBackgroundOnHover,
transcriptOverlayButtonColor = _ref.transcriptOverlayButtonColor,
transcriptOverlayButtonColorOnFocus = _ref.transcriptOverlayButtonColorOnFocus,
transcriptOverlayButtonColorOnHover = _ref.transcriptOverlayButtonColorOnHover;
return {
// TODO: [P3] Can we not to unset borderWidth and outline earlier?
'@media screen and (-ms-high-contrast: active)': {
borderWidth: 'initial',
outline: 'initial'
},
appearance: 'none',
backgroundColor: transcriptOverlayButtonBackground,
borderRadius: paddingRegular,
borderWidth: 0,
bottom: 5,
color: transcriptOverlayButtonColor,
fontFamily: primaryFont,
fontSize: newMessagesButtonFontSize,
outline: 0,
padding: paddingRegular,
position: 'absolute',
zIndex: 1,
// We formed a stacking context in the parent container, so we can use "z-index" here.
'&:hover': {
backgroundColor: transcriptOverlayButtonBackgroundOnHover,
color: transcriptOverlayButtonColorOnHover || transcriptOverlayButtonColor
},
'&:focus': {
backgroundColor: transcriptOverlayButtonBackgroundOnFocus,
color: transcriptOverlayButtonColorOnFocus || transcriptOverlayButtonColor
},
'&:not(.webchat__overlay--rtl)': {
right: 20
},
'&.webchat__overlay--rtl': {
left: 20
}
};
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9TdHlsZXMvU3R5bGVTZXQvU2Nyb2xsVG9FbmRCdXR0b24uanMiXSwibmFtZXMiOlsiY3JlYXRlU2Nyb2xsVG9FbmRCdXR0b25TdHlsZSIsIm5ld01lc3NhZ2VzQnV0dG9uRm9udFNpemUiLCJwYWRkaW5nUmVndWxhciIsInByaW1hcnlGb250IiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Gb2N1cyIsInRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uSG92ZXIiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Ib3ZlciIsImJvcmRlcldpZHRoIiwib3V0bGluZSIsImFwcGVhcmFuY2UiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJib3R0b20iLCJjb2xvciIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsInBhZGRpbmciLCJwb3NpdGlvbiIsInpJbmRleCIsInJpZ2h0IiwibGVmdCJdLCJtYXBwaW5ncyI6Ijs7Ozs7OztBQUFlLFNBQVNBLDRCQUFULE9BVVo7QUFBQSxNQVREQyx5QkFTQyxRQVREQSx5QkFTQztBQUFBLE1BUkRDLGNBUUMsUUFSREEsY0FRQztBQUFBLE1BUERDLFdBT0MsUUFQREEsV0FPQztBQUFBLE1BTkRDLGlDQU1DLFFBTkRBLGlDQU1DO0FBQUEsTUFMREMsd0NBS0MsUUFMREEsd0NBS0M7QUFBQSxNQUpEQyx3Q0FJQyxRQUpEQSx3Q0FJQztBQUFBLE1BSERDLDRCQUdDLFFBSERBLDRCQUdDO0FBQUEsTUFGREMsbUNBRUMsUUFGREEsbUNBRUM7QUFBQSxNQUREQyxtQ0FDQyxRQUREQSxtQ0FDQztBQUNELFNBQU87QUFDTDtBQUNBLHFEQUFpRDtBQUMvQ0MsTUFBQUEsV0FBVyxFQUFFLFNBRGtDO0FBRS9DQyxNQUFBQSxPQUFPLEVBQUU7QUFGc0MsS0FGNUM7QUFPTEMsSUFBQUEsVUFBVSxFQUFFLE1BUFA7QUFRTEMsSUFBQUEsZUFBZSxFQUFFVCxpQ0FSWjtBQVNMVSxJQUFBQSxZQUFZLEVBQUVaLGNBVFQ7QUFVTFEsSUFBQUEsV0FBVyxFQUFFLENBVlI7QUFXTEssSUFBQUEsTUFBTSxFQUFFLENBWEg7QUFZTEMsSUFBQUEsS0FBSyxFQUFFVCw0QkFaRjtBQWFMVSxJQUFBQSxVQUFVLEVBQUVkLFdBYlA7QUFjTGUsSUFBQUEsUUFBUSxFQUFFakIseUJBZEw7QUFlTFUsSUFBQUEsT0FBTyxFQUFFLENBZko7QUFnQkxRLElBQUFBLE9BQU8sRUFBRWpCLGNBaEJKO0FBaUJMa0IsSUFBQUEsUUFBUSxFQUFFLFVBakJMO0FBa0JMQyxJQUFBQSxNQUFNLEVBQUUsQ0FsQkg7QUFrQk07QUFFWCxlQUFXO0FBQ1RSLE1BQUFBLGVBQWUsRUFBRVAsd0NBRFI7QUFFVFUsTUFBQUEsS0FBSyxFQUFFUCxtQ0FBbUMsSUFBSUY7QUFGckMsS0FwQk47QUF5QkwsZUFBVztBQUNUTSxNQUFBQSxlQUFlLEVBQUVSLHdDQURSO0FBRVRXLE1BQUFBLEtBQUssRUFBRVIsbUNBQW1DLElBQUlEO0FBRnJDLEtBekJOO0FBOEJMLHFDQUFpQztBQUMvQmUsTUFBQUEsS0FBSyxFQUFFO0FBRHdCLEtBOUI1QjtBQWtDTCwrQkFBMkI7QUFDekJDLE1BQUFBLElBQUksRUFBRTtBQURtQjtBQWxDdEIsR0FBUDtBQXNDRCIsInNvdXJjZVJvb3QiOiJjb21wb25lbnQ6Ly8vIiwic291cmNlc0NvbnRlbnQiOlsiZXhwb3J0IGRlZmF1bHQgZnVuY3Rpb24gY3JlYXRlU2Nyb2xsVG9FbmRCdXR0b25TdHlsZSh7XG4gIG5ld01lc3NhZ2VzQnV0dG9uRm9udFNpemUsXG4gIHBhZGRpbmdSZWd1bGFyLFxuICBwcmltYXJ5Rm9udCxcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kLFxuICB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmRPbkZvY3VzLFxuICB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmRPbkhvdmVyLFxuICB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yLFxuICB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Gb2N1cyxcbiAgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uSG92ZXJcbn0pIHtcbiAgcmV0dXJuIHtcbiAgICAvLyBUT0RPOiBbUDNdIENhbiB3ZSBub3QgdG8gdW5zZXQgYm9yZGVyV2lkdGggYW5kIG91dGxpbmUgZWFybGllcj9cbiAgICAnQG1lZGlhIHNjcmVlbiBhbmQgKC1tcy1oaWdoLWNvbnRyYXN0OiBhY3RpdmUpJzoge1xuICAgICAgYm9yZGVyV2lkdGg6ICdpbml0aWFsJyxcbiAgICAgIG91dGxpbmU6ICdpbml0aWFsJ1xuICAgIH0sXG5cbiAgICBhcHBlYXJhbmNlOiAnbm9uZScsXG4gICAgYmFja2dyb3VuZENvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmQsXG4gICAgYm9yZGVyUmFkaXVzOiBwYWRkaW5nUmVndWxhcixcbiAgICBib3JkZXJXaWR0aDogMCxcbiAgICBib3R0b206IDUsXG4gICAgY29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3IsXG4gICAgZm9udEZhbWlseTogcHJpbWFyeUZvbnQsXG4gICAgZm9udFNpemU6IG5ld01lc3NhZ2VzQnV0dG9uRm9udFNpemUsXG4gICAgb3V0bGluZTogMCxcbiAgICBwYWRkaW5nOiBwYWRkaW5nUmVndWxhcixcbiAgICBwb3NpdGlvbjogJ2Fic29sdXRlJyxcbiAgICB6SW5kZXg6IDEsIC8vIFdlIGZvcm1lZCBhIHN0YWNraW5nIGNvbnRleHQgaW4gdGhlIHBhcmVudCBjb250YWluZXIsIHNvIHdlIGNhbiB1c2UgXCJ6LWluZGV4XCIgaGVyZS5cblxuICAgICcmOmhvdmVyJzoge1xuICAgICAgYmFja2dyb3VuZENvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmRPbkhvdmVyLFxuICAgICAgY29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JPbkhvdmVyIHx8IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JcbiAgICB9LFxuXG4gICAgJyY6Zm9jdXMnOiB7XG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uRm9jdXMsXG4gICAgICBjb2xvcjogdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMgfHwgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvclxuICAgIH0sXG5cbiAgICAnJjpub3QoLndlYmNoYXRfX292ZXJsYXktLXJ0bCknOiB7XG4gICAgICByaWdodDogMjBcbiAgICB9LFxuXG4gICAgJyYud2ViY2hhdF9fb3ZlcmxheS0tcnRsJzoge1xuICAgICAgbGVmdDogMjBcbiAgICB9XG4gIH07XG59XG4iXX0=