office-ui-fabric-react
Version:
Reusable React components for building experiences for Office 365.
75 lines • 2.69 kB
JavaScript
define(["require", "exports", "../../Styling"], function (require, exports, Styling_1) {
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
var GlobalClassNames = {
root: 'ms-ContextualMenu',
container: 'ms-ContextualMenu-container',
list: 'ms-ContextualMenu-list',
header: 'ms-ContextualMenu-header',
title: 'ms-ContextualMenu-title',
isopen: 'is-open'
};
exports.getStyles = function (props) {
var className = props.className, theme = props.theme;
var classNames = Styling_1.getGlobalClassNames(GlobalClassNames, theme);
var palette = theme.palette, fonts = theme.fonts, semanticColors = theme.semanticColors;
var ContextualMenuItemHeight = '32px';
return {
root: [
classNames.root,
classNames.isopen,
{
backgroundColor: semanticColors.bodyBackground,
minWidth: '180px'
},
className
],
container: [
classNames.container,
{
selectors: {
':focus': { outline: 0 }
}
}
],
list: [
classNames.list,
classNames.isopen,
{
listStyleType: 'none',
margin: '0',
padding: '0'
}
],
header: [
classNames.header,
fonts.small,
{
fontWeight: Styling_1.FontWeights.semibold,
color: semanticColors.menuHeader,
background: 'none',
backgroundColor: 'transparent',
border: 'none',
height: ContextualMenuItemHeight,
lineHeight: ContextualMenuItemHeight,
cursor: 'default',
padding: '0px 6px',
userSelect: 'none',
textAlign: 'left'
}
],
title: [
classNames.title,
{
fontSize: '16px',
paddingRight: '14px',
paddingLeft: '14px',
paddingBottom: '5px',
paddingTop: '5px',
backgroundColor: palette.neutralLight
}
]
};
};
});
//# sourceMappingURL=ContextualMenu.styles.js.map