@aplus-frontend/ui
Version:
48 lines (47 loc) • 1.08 kB
JavaScript
import { genComponentStyleHook as o } from "../../utils/cssinjs/index.mjs";
const t = (e) => {
const { componentCls: r } = e;
return {
[r]: {
display: "flex",
flexDirection: "row",
flexWrap: "nowrap",
alignItems: "center",
flex: 1,
"&.sortable:hover": {
cursor: "pointer"
},
"&.align-center": {
justifyContent: "center"
},
"&.align-right": {
justifyContent: "end"
},
[`${r}__sort-wrapper`]: {
display: "inline-flex",
flexDirection: "column",
alignItems: "center",
color: "rgba(0, 0, 0, 0.3)",
marginInlineStart: e.spaceXS,
"&:hover": {
color: "rgba(0, 0, 0, 0.6)"
}
},
[`${r}__sorter-up.active`]: {
color: e.colorPrimary
},
[`${r}__sorter-down`]: {
marginTop: "-0.3em",
"&.active": {
color: e.colorPrimary
}
}
}
};
}, l = o("AgGrid.CustomHeader", (e) => [
t(e)
]);
export {
l as default,
t as genAgGridCustomHeaderCellStyle
};