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

@ -55,7 +55,7 @@ export function RamButton(props: IProps): React.ReactElement {
} }
tooltip={ tooltip={
<MathComponent <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)}}}`}
/> />
} }
/> />