@botonic/react
Version:
Build Chatbots using React
54 lines • 2.12 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.StyledScrollbar = void 0;
const tslib_1 = require("tslib");
require("simplebar/dist/simplebar.css");
require("./styled-scrollbar.scss");
const simplebar_react_1 = tslib_1.__importDefault(require("simplebar-react"));
const styled_components_1 = tslib_1.__importStar(require("styled-components"));
const constants_1 = require("../../constants");
exports.StyledScrollbar = (0, styled_components_1.default)(simplebar_react_1.default) `
${props => props.ismessagescontainer &&
(0, styled_components_1.css) `
display: flex;
flex-direction: column;
overflow-y: auto;
overflow-x: hidden;
`}
& .simplebar-scrollbar::before {
background-color: ${({ scrollbar }) => scrollbar && scrollbar.thumb && scrollbar.thumb.color
? scrollbar.thumb.color
: `${constants_1.COLORS.GRAY}`};
background-image: ${({ scrollbar }) => scrollbar && scrollbar.thumb && scrollbar.thumb.bgcolor
? scrollbar.thumb.bgcolor
: `${constants_1.COLORS.GRAY}`};
border-radius: ${({ scrollbar }) => scrollbar && scrollbar.thumb && scrollbar.thumb.border
? scrollbar.thumb.border
: '20px'};
}
& .simplebar-track .simplebar-scrollbar.simplebar-visible::before {
opacity: ${({ scrollbar }) => scrollbar && !scrollbar.enable
? '0'
: scrollbar && scrollbar.thumb && scrollbar.thumb.opacity
? scrollbar.thumb.opacity
: '0.75'};
}
& .simplebar-track {
background-color: ${({ scrollbar }) => scrollbar &&
scrollbar.track &&
scrollbar.track.color &&
!(scrollbar && !scrollbar.enable)
? scrollbar.track.color
: constants_1.COLORS.TRANSPARENT};
background-image: ${({ scrollbar }) => scrollbar &&
scrollbar.track &&
scrollbar.track.bgcolor &&
!(scrollbar && !scrollbar.enable)
? scrollbar.track.bgcolor
: constants_1.COLORS.TRANSPARENT};
border-radius: ${({ scrollbar }) => scrollbar && scrollbar.track && scrollbar.track.border
? scrollbar.track.border
: '20px'};
}
`;
//# sourceMappingURL=styled-scrollbar.js.map