Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

[v16] Fix Integration Button styles #50283

Closed
wants to merge 1 commit into from

Conversation

avatus
Copy link
Contributor

@avatus avatus commented Dec 16, 2024

Backport #50258 to branch/v16

If a user could list integrations, and they could NOT create
integrations, AND integrations existed, this would cause the disabled
'enroll new integration' button to be smashed to the left of the header
(this is due to how its wrapped in an optional Hover Tooltip).

This PR just adds some space-between flex property to the header to
ensure the button stays on the right side. It also moves the
HoverTooltip position to the bottom because it looks better
@avatus avatus added the no-changelog Indicates that a PR does not require a changelog entry label Dec 16, 2024
@github-actions github-actions bot requested review from ravicious and zmb3 December 16, 2024 15:27
@ravicious ravicious enabled auto-merge December 16, 2024 15:28
@@ -36,6 +36,7 @@ export function IntegrationsAddButton({

return (
<HoverTooltip
position="bottom"
Copy link
Member

Choose a reason for hiding this comment

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

No <FeatureHeader justifyContent="space-between"> in v16?

Copy link
Contributor Author

Choose a reason for hiding this comment

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

Looking into it now

Copy link
Contributor Author

@avatus avatus Dec 16, 2024

Choose a reason for hiding this comment

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

Oh, this doesn't need to go to v16. I forgot I fixed it in that backport due to other conflicts. I'll close this. The position prop doesn't exist in v16 (i guess its changes never got backported).

Copy link
Member

Choose a reason for hiding this comment

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

@avatus FWIW, v16 doesn't have position="bottom".

<HoverTooltip
tipContent={
canCreateIntegrations ? null : (
<MissingPermissionsTooltip
requiresAll={false}
missingPermissions={missingPermissions}
/>
)
}
>
<Button

Copy link
Contributor Author

Choose a reason for hiding this comment

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

I'm going to ask around to understand why the recent changes to HoverTooltip didn't make it back to v16

Copy link

This pull request is automatically being deployed by Amplify Hosting (learn more).

Access this pull request here: https://pr-50283.d1v2yqnl3ruxch.amplifyapp.com

@avatus avatus closed this Dec 16, 2024
auto-merge was automatically disabled December 16, 2024 15:38

Pull request was closed

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
backport no-changelog Indicates that a PR does not require a changelog entry size/sm ui
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants