我有一个抽屉,我试图覆盖paperAnchorLeft
的CSS。我正在使用injectSheet
,因为我需要根据组件属性计算一些CSS值。这一直很有效,直到我今天从beta 18升级到最新的测试版(beta 21)。现在,注入的样式的优先级低于.MUIDrawer-paperAnchorLeft-#
类,因此我的覆盖都没有生效。
最新的测试版中是否有某些内容发生了变化,我错过了什么?如果我在我的覆盖中的所有内容上都使用!important
,那么它会起作用,但这感觉真的很糟糕,所以我宁愿让它恢复正常工作。
样式:
const drawerStyles = (theme) => ({
anchorLeft: {
left: (props) => {
if(props.navigationBarExpanded) {
return theme.navBar.expandedWidth;
}
return theme.navBar.width;
},
},
});
渲染功能:
render = () => ({
<Drawer anchor="left" open={this.props.drawer.open} type="persistent"
classes={{paperAnchorLeft: this.props.classes.anchorLeft}}
>
{content}
</Drawer>
});
注入表格
export default LeftDrawer = injectSheet(drawerStyles)(LeftDrawer);