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

Revert Manage Themes dialog group/theme name input change #2883

Merged
merged 2 commits into from
Jun 20, 2024

Conversation

macintoshhelper
Copy link
Contributor

@macintoshhelper macintoshhelper commented Jun 19, 2024

Why does this PR exist?

Fixes #2880

What does this pull request do?

Testing this change

  1. Go to the Manage Themes modal by clicking Theme: None or Theme: {theme_name_here}
  2. Click Manage Themes
  3. Click the + New Theme button
  4. Check visually that the new UI is being used
  5. Try entering a group name and theme name

Additional Notes (if any)

  • Also fixes a bug around empty group name populating the input when renaming the group name
  • Added text input placeholders for Add group and Theme name
Before After
image image
image image
image image
image image
image image

Copy link

changeset-bot bot commented Jun 19, 2024

⚠️ No Changeset found

Latest commit: dd4bc77

Merging this PR will not cause a version bump for any packages. If these changes should not result in a new version, you're good to go. If these changes should result in a version bump, you need to add a changeset.

This PR includes no changesets

When changesets are added to this PR, you'll see the packages that this PR includes changesets for and the associated semver types

Click here to learn what changesets are, and how to add one.

Click here if you're a maintainer who wants to add a changeset to this PR

@@ -175,7 +178,7 @@ export const CreateOrEditThemeForm: React.FC<React.PropsWithChildren<React.Props
)}
<Stack direction="column" gap={1}>
{activeTab === ThemeFormTabs.SETS && (
<Stack direction="column" gap={1} css={{ padding: '0 $4 $3' }}>
<Stack direction="column" gap={1} css={{ padding: '$3 $4 $3' }}>
Copy link
Contributor Author

Choose a reason for hiding this comment

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

Adds a little spacing so the group buttons aren't touching the 1px border line.

image

Copy link
Contributor

@cuserox cuserox left a comment

Choose a reason for hiding this comment

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

A few minor comments. Looks good :)

@@ -118,6 +117,7 @@ export const CreateOrEditThemeForm: React.FC<React.PropsWithChildren<React.Props
autofocus
data-testid="create-or-edit-theme-form--group--name"
{...register('group')}
placeholder="Add group"
Copy link
Contributor

Choose a reason for hiding this comment

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

Maybe use createNewGroup as it's a translated string? Or anything similar.

full
data-testid="create-or-edit-theme-form--input--name"
{...register('name', { required: true })}
placeholder="Theme name"
Copy link
Contributor

Choose a reason for hiding this comment

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

Similar comment about this placeholder being a translated string if possible

variant="secondary"
icon={<IconPlus />}
size="small"
css={{ display: 'flex', alignItems: 'center', height: '28px' }}
Copy link
Contributor

Choose a reason for hiding this comment

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

Suggested change
css={{ display: 'flex', alignItems: 'center', height: '28px' }}
css={{ display: 'flex', alignItems: 'center', height: $controlMedium }}

Copy link
Contributor

Choose a reason for hiding this comment

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

Actually, none of this CSS is needed? Just tried disabling it and there's other styling that takes over, and is the same as this.

@six7
Copy link
Collaborator

six7 commented Jun 20, 2024

@macintoshhelper would you want to make these changes in a follow-up PR? I'll merge this in for rc8 given the requested changes dont change behavior too much 👍

@six7 six7 merged commit 3546cac into release-139 Jun 20, 2024
7 of 8 checks passed
@six7 six7 deleted the fix/2880-revert-manage-themes-dialog branch June 20, 2024 06:41
@six7 six7 added the 2.0-rc8 label Jun 20, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
Projects
None yet
Development

Successfully merging this pull request may close these issues.

3 participants