botframework-webchat-component
Version:
React component of botframework-webchat
55 lines (53 loc) • 6.64 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = createScrollToEndButtonStyle;
function createScrollToEndButtonStyle(_ref) {
var paddingRegular = _ref.paddingRegular,
primaryFont = _ref.primaryFont,
scrollToEndButtonFontSize = _ref.scrollToEndButtonFontSize,
transcriptOverlayButtonBackground = _ref.transcriptOverlayButtonBackground,
transcriptOverlayButtonBackgroundOnFocus = _ref.transcriptOverlayButtonBackgroundOnFocus,
transcriptOverlayButtonBackgroundOnHover = _ref.transcriptOverlayButtonBackgroundOnHover,
transcriptOverlayButtonColor = _ref.transcriptOverlayButtonColor,
transcriptOverlayButtonColorOnFocus = _ref.transcriptOverlayButtonColorOnFocus,
transcriptOverlayButtonColorOnHover = _ref.transcriptOverlayButtonColorOnHover;
return {
'&.webchat__scroll-to-end-button': {
// TODO: [P3] Can we not to unset borderWidth and outline earlier?
'@media screen and (forced-colors: active)': {
borderWidth: 'initial',
outline: 'initial'
},
appearance: 'none',
backgroundColor: transcriptOverlayButtonBackground,
borderRadius: paddingRegular,
borderWidth: 0,
bottom: 5,
color: transcriptOverlayButtonColor,
fontFamily: primaryFont,
fontSize: scrollToEndButtonFontSize,
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__scroll-to-end-button--rtl)': {
right: 20
},
'&.webchat__scroll-to-end-button--rtl': {
left: 20
}
}
};
}
//# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJuYW1lcyI6WyJjcmVhdGVTY3JvbGxUb0VuZEJ1dHRvblN0eWxlIiwiX3JlZiIsInBhZGRpbmdSZWd1bGFyIiwicHJpbWFyeUZvbnQiLCJzY3JvbGxUb0VuZEJ1dHRvbkZvbnRTaXplIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25CYWNrZ3JvdW5kT25Gb2N1cyIsInRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uSG92ZXIiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yIiwidHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMiLCJ0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Ib3ZlciIsImJvcmRlcldpZHRoIiwib3V0bGluZSIsImFwcGVhcmFuY2UiLCJiYWNrZ3JvdW5kQ29sb3IiLCJib3JkZXJSYWRpdXMiLCJib3R0b20iLCJjb2xvciIsImZvbnRGYW1pbHkiLCJmb250U2l6ZSIsInBhZGRpbmciLCJwb3NpdGlvbiIsInpJbmRleCIsInJpZ2h0IiwibGVmdCJdLCJzb3VyY2VSb290IjoiY29tcG9uZW50Oi8vLyIsInNvdXJjZXMiOlsiLi4vLi4vLi4vc3JjL1N0eWxlcy9TdHlsZVNldC9TY3JvbGxUb0VuZEJ1dHRvbi50cyJdLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgeyBTdHJpY3RTdHlsZU9wdGlvbnMgfSBmcm9tICdib3RmcmFtZXdvcmstd2ViY2hhdC1hcGknO1xuXG5leHBvcnQgZGVmYXVsdCBmdW5jdGlvbiBjcmVhdGVTY3JvbGxUb0VuZEJ1dHRvblN0eWxlKHtcbiAgcGFkZGluZ1JlZ3VsYXIsXG4gIHByaW1hcnlGb250LFxuICBzY3JvbGxUb0VuZEJ1dHRvbkZvbnRTaXplLFxuICB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmQsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uRm9jdXMsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uSG92ZXIsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3IsXG4gIHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQ29sb3JPbkZvY3VzLFxuICB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Ib3ZlclxufTogU3RyaWN0U3R5bGVPcHRpb25zKSB7XG4gIHJldHVybiB7XG4gICAgJyYud2ViY2hhdF9fc2Nyb2xsLXRvLWVuZC1idXR0b24nOiB7XG4gICAgICAvLyBUT0RPOiBbUDNdIENhbiB3ZSBub3QgdG8gdW5zZXQgYm9yZGVyV2lkdGggYW5kIG91dGxpbmUgZWFybGllcj9cbiAgICAgICdAbWVkaWEgc2NyZWVuIGFuZCAoZm9yY2VkLWNvbG9yczogYWN0aXZlKSc6IHtcbiAgICAgICAgYm9yZGVyV2lkdGg6ICdpbml0aWFsJyxcbiAgICAgICAgb3V0bGluZTogJ2luaXRpYWwnXG4gICAgICB9LFxuXG4gICAgICBhcHBlYXJhbmNlOiAnbm9uZScsXG4gICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZCxcbiAgICAgIGJvcmRlclJhZGl1czogcGFkZGluZ1JlZ3VsYXIsXG4gICAgICBib3JkZXJXaWR0aDogMCxcbiAgICAgIGJvdHRvbTogNSxcbiAgICAgIGNvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yLFxuICAgICAgZm9udEZhbWlseTogcHJpbWFyeUZvbnQsXG4gICAgICBmb250U2l6ZTogc2Nyb2xsVG9FbmRCdXR0b25Gb250U2l6ZSxcbiAgICAgIG91dGxpbmU6IDAsXG4gICAgICBwYWRkaW5nOiBwYWRkaW5nUmVndWxhcixcbiAgICAgIHBvc2l0aW9uOiAnYWJzb2x1dGUnLFxuICAgICAgekluZGV4OiAxLCAvLyBXZSBmb3JtZWQgYSBzdGFja2luZyBjb250ZXh0IGluIHRoZSBwYXJlbnQgY29udGFpbmVyLCBzbyB3ZSBjYW4gdXNlIFwiei1pbmRleFwiIGhlcmUuXG5cbiAgICAgICcmOmhvdmVyJzoge1xuICAgICAgICBiYWNrZ3JvdW5kQ29sb3I6IHRyYW5zY3JpcHRPdmVybGF5QnV0dG9uQmFja2dyb3VuZE9uSG92ZXIsXG4gICAgICAgIGNvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yT25Ib3ZlciB8fCB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkNvbG9yXG4gICAgICB9LFxuXG4gICAgICAnJjpmb2N1cyc6IHtcbiAgICAgICAgYmFja2dyb3VuZENvbG9yOiB0cmFuc2NyaXB0T3ZlcmxheUJ1dHRvbkJhY2tncm91bmRPbkZvY3VzLFxuICAgICAgICBjb2xvcjogdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvck9uRm9jdXMgfHwgdHJhbnNjcmlwdE92ZXJsYXlCdXR0b25Db2xvclxuICAgICAgfSxcblxuICAgICAgJyY6bm90KC53ZWJjaGF0X19zY3JvbGwtdG8tZW5kLWJ1dHRvbi0tcnRsKSc6IHtcbiAgICAgICAgcmlnaHQ6IDIwXG4gICAgICB9LFxuXG4gICAgICAnJi53ZWJjaGF0X19zY3JvbGwtdG8tZW5kLWJ1dHRvbi0tcnRsJzoge1xuICAgICAgICBsZWZ0OiAyMFxuICAgICAgfVxuICAgIH1cbiAgfTtcbn1cbiJdLCJtYXBwaW5ncyI6Ijs7Ozs7O0FBRWUsU0FBU0EsNEJBQTRCQSxDQUFBQyxJQUFBLEVBVTdCO0VBQUEsSUFUckJDLGNBQWMsR0FBQUQsSUFBQSxDQUFkQyxjQUFjO0lBQ2RDLFdBQVcsR0FBQUYsSUFBQSxDQUFYRSxXQUFXO0lBQ1hDLHlCQUF5QixHQUFBSCxJQUFBLENBQXpCRyx5QkFBeUI7SUFDekJDLGlDQUFpQyxHQUFBSixJQUFBLENBQWpDSSxpQ0FBaUM7SUFDakNDLHdDQUF3QyxHQUFBTCxJQUFBLENBQXhDSyx3Q0FBd0M7SUFDeENDLHdDQUF3QyxHQUFBTixJQUFBLENBQXhDTSx3Q0FBd0M7SUFDeENDLDRCQUE0QixHQUFBUCxJQUFBLENBQTVCTyw0QkFBNEI7SUFDNUJDLG1DQUFtQyxHQUFBUixJQUFBLENBQW5DUSxtQ0FBbUM7SUFDbkNDLG1DQUFtQyxHQUFBVCxJQUFBLENBQW5DUyxtQ0FBbUM7RUFFbkMsT0FBTztJQUNMLGlDQUFpQyxFQUFFO01BQ2pDO01BQ0EsMkNBQTJDLEVBQUU7UUFDM0NDLFdBQVcsRUFBRSxTQUFTO1FBQ3RCQyxPQUFPLEVBQUU7TUFDWCxDQUFDO01BRURDLFVBQVUsRUFBRSxNQUFNO01BQ2xCQyxlQUFlLEVBQUVULGlDQUFpQztNQUNsRFUsWUFBWSxFQUFFYixjQUFjO01BQzVCUyxXQUFXLEVBQUUsQ0FBQztNQUNkSyxNQUFNLEVBQUUsQ0FBQztNQUNUQyxLQUFLLEVBQUVULDRCQUE0QjtNQUNuQ1UsVUFBVSxFQUFFZixXQUFXO01BQ3ZCZ0IsUUFBUSxFQUFFZix5QkFBeUI7TUFDbkNRLE9BQU8sRUFBRSxDQUFDO01BQ1ZRLE9BQU8sRUFBRWxCLGNBQWM7TUFDdkJtQixRQUFRLEVBQUUsVUFBVTtNQUNwQkMsTUFBTSxFQUFFLENBQUM7TUFBRTs7TUFFWCxTQUFTLEVBQUU7UUFDVFIsZUFBZSxFQUFFUCx3Q0FBd0M7UUFDekRVLEtBQUssRUFBRVAsbUNBQW1DLElBQUlGO01BQ2hELENBQUM7TUFFRCxTQUFTLEVBQUU7UUFDVE0sZUFBZSxFQUFFUix3Q0FBd0M7UUFDekRXLEtBQUssRUFBRVIsbUNBQW1DLElBQUlEO01BQ2hELENBQUM7TUFFRCw0Q0FBNEMsRUFBRTtRQUM1Q2UsS0FBSyxFQUFFO01BQ1QsQ0FBQztNQUVELHNDQUFzQyxFQUFFO1FBQ3RDQyxJQUFJLEVBQUU7TUFDUjtJQUNGO0VBQ0YsQ0FBQztBQUNIIn0=