Skip to content

made configuration labels in-line#27

Open
MrAtomicBombHead wants to merge 1 commit into
certfrom
inline-configuration-label
Open

made configuration labels in-line#27
MrAtomicBombHead wants to merge 1 commit into
certfrom
inline-configuration-label

Conversation

@MrAtomicBombHead

Copy link
Copy Markdown
Collaborator

Moved the labels for configuration windows from above the input box to the left of it so they are in-line.

@AlexKempen AlexKempen left a comment

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

Looks pretty good, some minor tweaks/enhancements

onValueChange(checked ? "true" : "false")
)}
/>
<Group gap="sm" align="center" mt="sm">

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I actually think the existing checkbox implementation was pretty good and is fairly representative of what we should be aiming for in terms of styling
Image

onChange={(event) => onValueChange(event.currentTarget.value)}
/>
<Group gap="sm" align="center" mt="sm">
<Text size="sm" style={{ minWidth: "120px", flexShrink: 0 }}>

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think removing minWidth to more closely match the existing inputs would be good

}}
/>
<Group gap="sm" align="center" mt="sm">
<Text size="sm" style={{ minWidth: "120px", flexShrink: 0 }}>

Copy link
Copy Markdown
Collaborator

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

If you add component="label" and htmlFor={parameter.id}, you can link the text to the select so clicking the text also activates the select (this also applies to the other components)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

2 participants