@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
42 lines • 2.49 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useRenderHeaderStyles = void 0;
var tslib_1 = require("tslib");
var react_components_1 = require("@fluentui/react-components");
exports.useRenderHeaderStyles = (0, react_components_1.makeStyles)({
closeButton: {
marginLeft: "auto",
position: "absolute",
top: "10px",
right: "10px",
zIndex: 99999,
},
divider: {
width: "100%",
height: "1px",
backgroundColor: react_components_1.tokens.colorNeutralStroke1,
marginTop: "20px",
},
renderHeaderContent: {
display: "flex",
flexDirection: "column",
justifyContent: "flex-start",
alignItems: "stretch",
width: "100%",
},
renderHeaderHeader: tslib_1.__assign({ minHeight: "50px", display: "flex", flexDirection: "column", justifyContent: "flex-start", alignItems: "start" }, react_components_1.shorthands.gap("20px")),
renderHeaderFooter: tslib_1.__assign(tslib_1.__assign({ display: "flex", flexDirection: "row", justifyContent: "flex-start" }, react_components_1.shorthands.padding("20px")), react_components_1.shorthands.gap("20px")),
renderHeaderBody: tslib_1.__assign(tslib_1.__assign({ display: "flex", flexDirection: "column", justifyContent: "flex-start" }, react_components_1.shorthands.padding("20px")), react_components_1.shorthands.gap("20px")),
renderHeaderTitleContainer: tslib_1.__assign({ display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "center" }, react_components_1.shorthands.gap("0px")),
renderHeaderTitle: tslib_1.__assign(tslib_1.__assign({ display: "-webkit-box", "-webkit-line-clamp": "1", "-webkit-box-orient": "vertical" }, react_components_1.shorthands.overflow("hidden")), { textAlign: "start", textOverflow: "ellipsis" }),
renderHeaderDescription: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({}, react_components_1.shorthands.overflow("hidden")), { display: "-webkit-box", "-webkit-line-clamp": "4", "-webkit-box-orient": "vertical" }), react_components_1.shorthands.overflow("hidden")), { textAlign: "start", textOverflow: "ellipsis" }),
dialogTitleAndDescriptionContainer: {
display: "flex",
flexDirection: "column",
justifyContent: "start",
alignItems: "start",
paddingLeft: "10px",
paddingRight: "20px",
},
});
//# sourceMappingURL=useRenderHeaderStyles.js.map