material-ui @ next Drawer类覆盖不起作用

时间:2017-11-16 05:17:53

标签: css material-ui

我有一个抽屉,我试图覆盖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);

0 个答案:

没有答案