Stefan Hacker
104 lines
3.9 KiB
JavaScript
104 lines
3.9 KiB
JavaScript
define(["require", "exports", "../../Styling", "../../Utilities"], function (require, exports, Styling_1, Utilities_1) {
|
|
"use strict";
|
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
exports.getStyles = exports.DocumentCardPreviewGlobalClassNames = void 0;
|
|
exports.DocumentCardPreviewGlobalClassNames = {
|
|
root: 'ms-DocumentCardPreview',
|
|
icon: 'ms-DocumentCardPreview-icon',
|
|
iconContainer: 'ms-DocumentCardPreview-iconContainer',
|
|
};
|
|
var getStyles = function (props) {
|
|
var _a, _b;
|
|
var theme = props.theme, className = props.className, isFileList = props.isFileList;
|
|
var palette = theme.palette, fonts = theme.fonts;
|
|
var classNames = (0, Styling_1.getGlobalClassNames)(exports.DocumentCardPreviewGlobalClassNames, theme);
|
|
return {
|
|
root: [
|
|
classNames.root,
|
|
fonts.small,
|
|
{
|
|
backgroundColor: isFileList ? palette.white : palette.neutralLighterAlt,
|
|
borderBottom: "1px solid ".concat(palette.neutralLight),
|
|
overflow: "hidden",
|
|
position: 'relative',
|
|
},
|
|
className,
|
|
],
|
|
previewIcon: [
|
|
classNames.iconContainer,
|
|
{
|
|
display: 'flex',
|
|
alignItems: 'center',
|
|
justifyContent: 'center',
|
|
height: '100%',
|
|
},
|
|
],
|
|
icon: [
|
|
classNames.icon,
|
|
{
|
|
left: '10px',
|
|
bottom: '10px',
|
|
position: 'absolute',
|
|
},
|
|
],
|
|
fileList: {
|
|
padding: '16px 16px 0 16px',
|
|
listStyleType: 'none',
|
|
margin: 0,
|
|
selectors: {
|
|
li: {
|
|
height: '16px',
|
|
lineHeight: '16px',
|
|
display: 'flex',
|
|
flexWrap: 'nowrap',
|
|
alignItems: 'center',
|
|
marginBottom: '8px',
|
|
overflow: 'hidden',
|
|
},
|
|
},
|
|
},
|
|
fileListIcon: {
|
|
display: 'inline-block',
|
|
flexShrink: 0,
|
|
marginRight: '8px',
|
|
},
|
|
fileListLink: [
|
|
(0, Styling_1.getFocusStyle)(theme, {
|
|
highContrastStyle: {
|
|
border: '1px solid WindowText',
|
|
outline: 'none',
|
|
},
|
|
}),
|
|
{
|
|
boxSizing: 'border-box',
|
|
color: palette.neutralDark,
|
|
flexGrow: 1,
|
|
overflow: 'hidden',
|
|
display: 'inline-block',
|
|
textDecoration: 'none',
|
|
textOverflow: 'ellipsis',
|
|
whiteSpace: 'nowrap',
|
|
selectors: (_a = {
|
|
':hover': {
|
|
color: palette.themePrimary,
|
|
}
|
|
},
|
|
_a[".".concat(Utilities_1.IsFocusVisibleClassName, " &:focus, :host(.").concat(Utilities_1.IsFocusVisibleClassName, ") &:focus")] = {
|
|
selectors: (_b = {},
|
|
_b[Styling_1.HighContrastSelector] = {
|
|
outline: 'none',
|
|
},
|
|
_b),
|
|
},
|
|
_a),
|
|
},
|
|
],
|
|
fileListOverflowText: {
|
|
padding: '0px 16px 8px 16px',
|
|
display: 'block',
|
|
},
|
|
};
|
|
};
|
|
exports.getStyles = getStyles;
|
|
});
|
|
//# sourceMappingURL=DocumentCardPreview.styles.js.map
|