️ (Corp Warehouse UI Accessibility) Stop warehouse UI jump at higher zoom

This commit is contained in:
ChrissiQ 2022-02-26 14:03:12 -07:00
parent ee887de151
commit 565a827f28

@ -27,6 +27,8 @@ import Tooltip from "@mui/material/Tooltip";
import Paper from "@mui/material/Paper";
import Button from "@mui/material/Button";
import Box from "@mui/material/Box";
import makeStyles from "@mui/styles/makeStyles";
import createStyles from "@mui/styles/createStyles";
interface IProps {
corp: ICorporation;
@ -37,6 +39,14 @@ interface IProps {
rerender: () => void;
}
const useStyles = makeStyles(() =>
createStyles({
retainHeight: {
minHeight: '3em',
},
})
);
function WarehouseRoot(props: IProps): React.ReactElement {
const corp = useCorporation();
const division = useDivision();
@ -56,6 +66,8 @@ function WarehouseRoot(props: IProps): React.ReactElement {
props.rerender();
}
const classes = useStyles();
// Current State:
let stateText;
switch (division.state) {
@ -158,7 +170,7 @@ function WarehouseRoot(props: IProps): React.ReactElement {
</Typography>
<br />
<Typography>{stateText}</Typography>
<Typography className={classes.retainHeight}>{stateText}</Typography>
{corp.unlockUpgrades[1] && (
<>