2019-11-22 14:02:55 +00:00
|
|
|
import styled from "styled-components";
|
|
|
|
|
export default styled.div`
|
2020-12-24 04:32:25 +00:00
|
|
|
background: ${(props) => props.theme.colors.paneBG};
|
2019-11-22 14:02:55 +00:00
|
|
|
& button.sidenav-toggle,
|
|
|
|
|
& button.sidenav-toggle:hover,
|
|
|
|
|
& button.sidenav-toggle:active {
|
2020-12-24 04:32:25 +00:00
|
|
|
background: ${(props) => props.theme.colors.paneBG};
|
2019-11-22 14:02:55 +00:00
|
|
|
outline: none;
|
|
|
|
|
border: none;
|
|
|
|
|
border-radius: 0;
|
|
|
|
|
}
|
|
|
|
|
& ul {
|
2020-12-24 04:32:25 +00:00
|
|
|
background: ${(props) => props.theme.colors.paneBG};
|
|
|
|
|
color: ${(props) => props.theme.colors.textOnDarkBG};
|
2019-11-22 14:02:55 +00:00
|
|
|
padding: 0;
|
|
|
|
|
height: 100%;
|
|
|
|
|
width: 100%;
|
|
|
|
|
& li {
|
|
|
|
|
padding: 0;
|
|
|
|
|
}
|
|
|
|
|
& li div.bp3-menu-item {
|
2020-12-24 04:32:25 +00:00
|
|
|
font-size: ${(props) => props.theme.fontSizes[3]}px;
|
2019-11-22 14:02:55 +00:00
|
|
|
&.bp3-intent-primary {
|
2020-12-24 04:32:25 +00:00
|
|
|
background: ${(props) => props.theme.sideNav.activeItemBGColor};
|
2019-11-22 14:02:55 +00:00
|
|
|
}
|
2020-01-28 06:27:46 +00:00
|
|
|
& > div {
|
|
|
|
|
display: inline-block;
|
2019-11-22 14:02:55 +00:00
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
`;
|