Collapsed Menu Icon (#1040)

Signed-off-by: Daniel Valdivia <18384552+dvaldivia@users.noreply.github.com>
This commit is contained in:
Daniel Valdivia
2021-09-13 18:01:55 -07:00
committed by GitHub
parent 8f202ef5a4
commit a060ddbef2

View File

@@ -40,6 +40,7 @@ import {
IAMPoliciesIcon,
TraceIcon,
UsersIcon,
VersionIcon,
} from "../../../icons";
import { ErrorResponseHandler } from "../../../common/types";
import { clearSession } from "../../../common/utils";
@@ -85,7 +86,7 @@ const styles = (theme: Theme) =>
},
logoClosed: {
paddingTop: 25,
marginBottom: 30,
marginBottom: 0,
paddingLeft: 34,
transition: theme.transitions.create("paddingLeft", {
easing: theme.transitions.easing.sharp,
@@ -263,6 +264,10 @@ const styles = (theme: Theme) =>
width: 120,
},
},
logoIconClosed: {
color: "white",
marginLeft: 11,
},
});
interface IMenuProps {
@@ -525,7 +530,11 @@ const Menu = ({
{operatorMode ? <OperatorLogo /> : <ConsoleLogo />}
</span>
)}
{!sidebarOpen && (
<div className={classes.logoIconClosed}>
<VersionIcon />
</div>
)}
<IconButton
onClick={() => {
if (sidebarOpen) {