@skbkontur/db-viewer-ui
Version:
Database Viewer with custom configuration
59 lines (57 loc) • 1.53 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
exports.getStyles = void 0;
const Emotion_1 = require("@skbkontur/react-ui/lib/theming/Emotion");
exports.getStyles = (0, Emotion_1.memoizeGetStyles)(({ css }) => ({
root() {
return css `
width: 100%;
position: relative;
overflow: hidden;
&::after {
box-shadow: 5px 0 4px -5px #00000059;
content: "";
position: absolute;
top: 0;
left: -20px;
bottom: 0;
width: 20px;
opacity: 0;
transition: opacity 0.2s ease-in-out;
}
&::before {
box-shadow: -5px 0 4px -5px #00000059;
content: "";
position: absolute;
top: 0;
right: -20px;
bottom: 0;
width: 20px;
z-index: 1;
transition: opacity 0.2s ease-in-out;
opacity: 0;
}
`;
},
leftShadow() {
return css `
&::after {
opacity: 1;
}
`;
},
rightShadow() {
return css `
&::before {
opacity: 1;
}
`;
},
container() {
return css `
width: 100%;
overflow-x: auto;
`;
},
}));
//# sourceMappingURL=ScrollableContainer.styles.js.map