thepaperpilot/chromatic-lattice
1
0
Fork 0
Code Issues Pull requests Releases Activity Actions

Fix modifier sections not looking correct when the topmost section isn't visible

Browse source
This commit is contained in:
thepaperpilot 2022-08-22 08:43:15 -05:00
parent 6784fbaf51
commit 8bd51932d9
1 changed files with 5 additions and 1 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

6
src/data/common.tsx
View file

@ -283,6 +283,7 @@ export function createCollapsibleModifierSections(
const jsxFunc = jsx(() => { const jsxFunc = jsx(() => {
const sections = calculateSections(); const sections = calculateSections();
let firstVisibleSection = true;
const sectionJSX = sections.map((s, i) => { const sectionJSX = sections.map((s, i) => {
if (unref(processed.visible[i]) === false) return null; if (unref(processed.visible[i]) === false) return null;
const header = ( const header = (
@ -315,9 +316,12 @@ export function createCollapsibleModifierSections(
</> </>
); );
const hasPreviousSection = !firstVisibleSection;
firstVisibleSection = false;
return ( return (
<> <>
{i === 0 ? null : <br />} {hasPreviousSection ? <br /> : null}
<div> <div>
{header} {header}
<br /> <br />