Stefan Hacker
72 lines
2.4 KiB
JavaScript
72 lines
2.4 KiB
JavaScript
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.getStyles = getStyles;
|
|
var Styling_1 = require("../../Styling");
|
|
var GlobalClassNames = {
|
|
root: 'ms-ExpandingCard-root',
|
|
compactCard: 'ms-ExpandingCard-compactCard',
|
|
expandedCard: 'ms-ExpandingCard-expandedCard',
|
|
expandedCardScroll: 'ms-ExpandingCard-expandedCardScrollRegion',
|
|
};
|
|
function getStyles(props) {
|
|
var _a;
|
|
var theme = props.theme, needsScroll = props.needsScroll, expandedCardFirstFrameRendered = props.expandedCardFirstFrameRendered, compactCardHeight = props.compactCardHeight, expandedCardHeight = props.expandedCardHeight, className = props.className;
|
|
var palette = theme.palette;
|
|
var classNames = (0, Styling_1.getGlobalClassNames)(GlobalClassNames, theme);
|
|
return {
|
|
root: [
|
|
classNames.root,
|
|
{
|
|
width: 320,
|
|
pointerEvents: 'none',
|
|
selectors: (_a = {},
|
|
_a[Styling_1.HighContrastSelector] = {
|
|
border: '1px solid WindowText',
|
|
},
|
|
_a),
|
|
},
|
|
className,
|
|
],
|
|
compactCard: [
|
|
classNames.compactCard,
|
|
{
|
|
pointerEvents: 'auto',
|
|
position: 'relative',
|
|
height: compactCardHeight,
|
|
},
|
|
],
|
|
expandedCard: [
|
|
classNames.expandedCard,
|
|
{
|
|
height: 1,
|
|
overflowY: 'hidden',
|
|
pointerEvents: 'auto',
|
|
transition: 'height 0.467s cubic-bezier(0.5, 0, 0, 1)',
|
|
selectors: {
|
|
':before': {
|
|
content: '""',
|
|
position: 'relative',
|
|
display: 'block',
|
|
top: 0,
|
|
left: 24,
|
|
width: 272,
|
|
height: 1,
|
|
backgroundColor: palette.neutralLighter,
|
|
},
|
|
},
|
|
},
|
|
expandedCardFirstFrameRendered && {
|
|
height: expandedCardHeight,
|
|
},
|
|
],
|
|
expandedCardScroll: [
|
|
classNames.expandedCardScroll,
|
|
needsScroll && {
|
|
height: '100%',
|
|
boxSizing: 'border-box',
|
|
overflowY: 'auto',
|
|
},
|
|
],
|
|
};
|
|
}
|
|
//# sourceMappingURL=ExpandingCard.styles.js.map
|