Weird rendering firefox
Opened this issue · 1 comments
maddovr commented
The bar is looking weird in firefox, while it displays correctly in chrome.
https://abload.de/img/screenshot-2018-10-113edo7.png
this is side docs theme.
greglobinski commented
@maddovr This is because there is the background: #fff
style applied to Menu component. I will fix that soon. Till then you can apply customStyle to the Menu
import { css } from 'emotion';
/* ... */
const menuCustomStyle = css`
background: #<color-you-need>
`;
const IndexPage = props => {
/* ... */
return <Layout customStyle={layoutCustomStyle}>
...
<Menu customStyle={menuCustomStyle}>...</Menu>
</Layout>;
};
That should fix the issue.