mirror/decomp.me
1
0
Fork 0
mirror of https://github.com/decompme/decomp.me.git synced 2026-02-20 13:29:14 -06:00
Code Issues Packages Projects Releases Wiki Activity

fix problems panel not scrolling far enough (#676)

Browse Source
This commit is contained in:
Alex Bates
2023-02-10 05:37:42 +00:00
committed by GitHub
parent 8d3131795b
commit e275eabb11
1 changed files with 23 additions and 21 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
frontend/src/components/Diff/CompilationPanel.tsx
View File

@@ -71,28 +71,30 @@ export default function CompilationPanel({ compilation, isCompiling, isCompilati
minSize={problemsCollapsedHeight}
preferredSize={isProblemsCollapsed ? problemsCollapsedHeight : problemsDefaultHeight}
>
<h2 className="flex items-center border-b border-b-gray-5 p-1 pl-3">
<span className="text-sm font-medium">
{(problemState == ProblemState.NO_PROBLEMS) ? "No problems" : "Problems"}
</span>
<div className="grow" />
<GhostButton
className="text-gray-11"
onClick={() => {
const containerHeight = container.current?.clientHeight ?? 0
const newProblemsHeight = isProblemsCollapsed ? problemsDefaultHeight : problemsCollapsedHeight
allotment.current?.resize([
containerHeight - newProblemsHeight,
newProblemsHeight,
])
}}
>
{isProblemsCollapsed ? <ChevronUpIcon /> : <ChevronDownIcon />}
</GhostButton>
</h2>
<div className="flex h-full w-full flex-col">
<h2 className="flex items-center border-b border-b-gray-5 p-1 pl-3">
<span className="text-sm font-medium">
{(problemState == ProblemState.NO_PROBLEMS) ? "No problems" : "Problems"}
</span>
<div className="grow" />
<GhostButton
className="text-gray-11"
onClick={() => {
const containerHeight = container.current?.clientHeight ?? 0
const newProblemsHeight = isProblemsCollapsed ? problemsDefaultHeight : problemsCollapsedHeight
allotment.current?.resize([
containerHeight - newProblemsHeight,
newProblemsHeight,
])
}}
>
{isProblemsCollapsed ? <ChevronUpIcon /> : <ChevronDownIcon />}
</GhostButton>
</h2>
<div className="h-full grow overflow-auto whitespace-pre px-3 py-2 font-mono text-xs leading-snug">
<Ansi>{compilation.compiler_output}</Ansi>
<div className="h-full grow overflow-auto whitespace-pre px-3 py-2 font-mono text-xs leading-snug">
<Ansi>{compilation.compiler_output}</Ansi>
</div>
</div>
</Allotment.Pane>
</Allotment>