What can be the reason, that following construction do not notice the following media-query?
<Drawer
id={this.props.id + 'WhateverMenu'}
key={this.props.id + 'WhateverMenu'}
docked={false}
onRequestChange={this.handleToggle.bind(this)}
width={300}
openSecondary={true}
open={this.state.DrawerWhateverOpen}
containerStyle={
{
'@media only screen and (minWidth: 768px)': {top: '112px'},
top: '0px'
}
}
>
Only top: '0px' works and the media query is ignored. The other possibility with:
containerStyle = {
{
'@media only screen and (maxWidth: 767px)': {top: '0px'},
top: '112px'
}
}
does also not work. I've tried them also with max-width / min-width, that is also not the reason.
Can someone help me?
