fix research box not displaying well on big screens.

This commit is contained in:
Olivier Gagnon 2021-09-05 13:48:38 -04:00
parent b4c9655782
commit b9acfde363
3 changed files with 9 additions and 2 deletions

File diff suppressed because one or more lines are too long

@ -16,6 +16,12 @@ interface IProps {
// Create the Research Tree UI for this Industry
export function ResearchPopup(props: IProps): React.ReactElement {
useEffect(() => {
{
const boxContent = document.getElementById(`${props.popupId}-content`);
if (boxContent != null) {
boxContent.style["min-height"] = "80vh";
}
}
const researchTree = IndustryResearchTrees[props.industry.type];
if (researchTree === undefined) return;
@ -81,6 +87,7 @@ export function ResearchPopup(props: IProps): React.ReactElement {
const boxContent = document.getElementById(`${props.popupId}-content`);
if (boxContent != null) {
boxContent.style["min-height"] = "80vh";
// Add information about multipliers from research at the bottom of the popup
//appendLineBreaks(boxContent, 2);
boxContent.appendChild(

@ -55,7 +55,7 @@ export function RamButton(props: IProps): React.ReactElement {
}
tooltip={
<MathComponent
tex={String.raw`\large{3.2 \times 10^3 \times 1.58^{log_2{(ram)}}}`}
tex={String.raw`\large{cost = 3.2 \times 10^3 \times 1.58^{log_2{(ram)}}}`}
/>
}
/>