jyapayne/langflow
1
0
Fork 0
Code Issues Pull requests Projects Releases 1 Packages Wiki Activity Actions

🐛 fix(dropdownComponent): add 'nowheel' class to options when editNode is true to fix styling issue

Browse source 
🐛 fix(inputFileComponent): fix class order in className to ensure correct styling when editNode is true
🐛 fix(genericModal): remove unnecessary conditional rendering of '-' in Input Variables label
This commit is contained in:
Cristhian Zanforlin Lousa 2023-07-07 17:37:23 -03:00
commit 2525ad218c
3 changed files with 8 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/frontend/src/components/dropdownComponent/index.tsx
View file

@ -63,8 +63,8 @@ export default function Dropdown({
<Listbox.Options <Listbox.Options
className={classNames( className={classNames(
editNode editNode
? "dropdown-component-true-options " ? "dropdown-component-true-options nowheel"
: "dropdown-component-false-options ", : "dropdown-component-false-options nowheel",
apiModal ? "mb-2 w-[250px]" : "absolute" apiModal ? "mb-2 w-[250px]" : "absolute"
)} )}
> >

7
src/frontend/src/components/inputFileComponent/index.tsx
View file

@ -91,6 +91,7 @@ export default function InputFileComponent({
input.click(); input.click();
}; };
return ( return (
<div className={disabled ? "input-component-div" : "w-full"}> <div className={disabled ? "input-component-div" : "w-full"}>
<div className="input-file-component"> <div className="input-file-component">
@ -98,8 +99,10 @@ export default function InputFileComponent({
onClick={handleButtonClick} onClick={handleButtonClick}
className={ className={
editNode editNode
? "input-edit-node " + "input-primary " ? " input-edit-node " + " input-dialog "
: "input-primary " + (disabled ? "input-disable " : "") : (disabled ? " input-disable " : "") +
" input-primary " +
" input-dialog "
} }
> >
{myValue !== "" ? myValue : "No file"} {myValue !== "" ? myValue : "No file"}

3
src/frontend/src/modals/genericModal/index.tsx
View file

@ -242,8 +242,7 @@ export default function GenericModal({
<div className="flex flex-wrap items-center"> <div className="flex flex-wrap items-center">
<Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable> <Variable className=" -ml-px mr-1 flex h-4 w-4 text-primary"></Variable>
<span className="text-md font-semibold text-primary"> <span className="text-md font-semibold text-primary">
Input Variables:{" "} Input Variables:
{wordsHighlight && wordsHighlight.length == 0 ? "-" : ""}
</span> </span>
{wordsHighlight.map((word, index) => ( {wordsHighlight.map((word, index) => (