Closed jerbourgeois closed 8 months ago
Hi,
You could use the &
target IMO:
const MySidebar = () => {
const rootStyles: CSSObject = {
["&"]: {
borderRightStyle: "none",
},
};
return <Sidebar rootStyles={rootStyles}></Sidebar>;
};
This worked for me thanks. It would be good to be able to target it using the sidebarClass.root to make it more apparent.
This issue has been automatically marked as stale because it has not had recent activity. It will be closed if no further activity occurs. Thank you for your contributions.
Describe the bug When applying styles using the sidebarClasses object and accessing the root element, the styling rules are not applied to the element at all.
To Reproduce Steps to reproduce the behavior:
Expected behavior The added styles should be reflected on the root.
Actual behavior The root element preserves it's default styling rules with no changes.