@pnp/spfx-controls-react
Version:
Reusable React controls for SharePoint Framework solutions
31 lines • 1.45 kB
JavaScript
"use strict";
Object.defineProperty(exports, "__esModule", { value: true });
exports.useHoverReactionsStyles = void 0;
var tslib_1 = require("tslib");
var react_components_1 = require("@fluentui/react-components");
exports.useHoverReactionsStyles = (0, react_components_1.makeStyles)({
emojiList: tslib_1.__assign(tslib_1.__assign({ display: "flex", flexDirection: "row", justifyContent: "flex-start", alignItems: "center", height: "30px" }, react_components_1.shorthands.gap("10px")), { width: "100%" }),
card: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ position: "absolute" }, react_components_1.shorthands.borderRadius("4px")), { width: "160px" }), react_components_1.shorthands.padding("5px")),
cardContent: tslib_1.__assign(tslib_1.__assign(tslib_1.__assign({ display: "flex", width: "100%" }, react_components_1.shorthands.flex("1")), { flexDirection: "column", justifyContent: "center", alignItems: "center" }), react_components_1.shorthands.gap("10px")),
searchBox: {
width: "100%",
},
emojiRoot: {
/* ...shorthands.margin("10px"), */
cursor: "pointer",
},
emoji: {
fontSize: "30px",
},
emojiImage: {
with: "20px",
height: "20px",
cursor: "pointer",
'&:hover': {
transform: "scale(1.2)",
with: "25px",
height: "25px",
},
}
});
//# sourceMappingURL=useHoverReactionsStyles.js.map