Stefan Hacker
65 lines
1.8 KiB
JavaScript
65 lines
1.8 KiB
JavaScript
import { HighContrastSelector, getGlobalClassNames } from '../../Styling';
|
|
var GlobalClassNames = {
|
|
root: 'ms-ScrollablePane',
|
|
contentContainer: 'ms-ScrollablePane--contentContainer',
|
|
};
|
|
export var getStyles = function (props) {
|
|
var _a, _b;
|
|
var className = props.className, theme = props.theme;
|
|
var classNames = getGlobalClassNames(GlobalClassNames, theme);
|
|
var AboveAndBelowStyles = {
|
|
position: 'absolute',
|
|
pointerEvents: 'none',
|
|
};
|
|
var positioningStyle = {
|
|
position: 'absolute',
|
|
top: 0,
|
|
right: 0,
|
|
bottom: 0,
|
|
left: 0,
|
|
WebkitOverflowScrolling: 'touch',
|
|
};
|
|
return {
|
|
root: [classNames.root, theme.fonts.medium, positioningStyle, className],
|
|
contentContainer: [
|
|
classNames.contentContainer,
|
|
{
|
|
overflowY: props.scrollbarVisibility === 'always' ? 'scroll' : 'auto',
|
|
},
|
|
positioningStyle,
|
|
],
|
|
stickyAbove: [
|
|
{
|
|
top: 0,
|
|
zIndex: 1,
|
|
selectors: (_a = {},
|
|
_a[HighContrastSelector] = {
|
|
borderBottom: '1px solid WindowText',
|
|
},
|
|
_a),
|
|
},
|
|
AboveAndBelowStyles,
|
|
],
|
|
stickyBelow: [
|
|
{
|
|
bottom: 0,
|
|
selectors: (_b = {},
|
|
_b[HighContrastSelector] = {
|
|
borderTop: '1px solid WindowText',
|
|
},
|
|
_b),
|
|
},
|
|
AboveAndBelowStyles,
|
|
],
|
|
stickyBelowItems: [
|
|
{
|
|
bottom: 0,
|
|
},
|
|
AboveAndBelowStyles,
|
|
{
|
|
width: '100%',
|
|
},
|
|
],
|
|
};
|
|
};
|
|
//# sourceMappingURL=ScrollablePane.styles.js.map
|