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

Site Editor Details text update to "Quick Edit" #67725

Open
wants to merge 6 commits into
base: trunk
Choose a base branch
from

Conversation

benazeer-ben
Copy link
Contributor

@benazeer-ben benazeer-ben commented Dec 9, 2024

What?

Fixes #66612

Why?

The term 'Details' is not matching with the context. So updating it to 'Quick Edit'.

How?

Changing the text 'Details' to 'Quick Edit'.

Testing Instructions

  • Go to the WordPress admin > Gutenberg > Experiments and enable the 'Quick Edit in DataViews' experiment.
  • Go to the Site editor > Pages.
  • Switch to the Table view or Grid view.
  • In the data views top bar, observe the label of the button to toggle this panel will now display as 'Quick Edit'.
  • Open the panel.
  • Observe there's no heading at the top of the panel to communicate what this panel is about.

Screenshots

Before After
Screenshot 2024-12-18 at 1 49 32 PM (2) Screenshot 2024-12-18 at 1 51 33 PM

Copy link

github-actions bot commented Dec 9, 2024

The following accounts have interacted with this PR and/or linked issues. I will continue to update these lists as activity occurs. You can also manually ask me to refresh this list by adding the props-bot label.

If you're merging code through a pull request on GitHub, copy and paste the following into the bottom of the merge commit message.

Co-authored-by: benazeer-ben <benazeer@git.wordpress.org>
Co-authored-by: afercia <afercia@git.wordpress.org>
Co-authored-by: Mamaduka <mamaduka@git.wordpress.org>

To understand the WordPress project's expectations around crediting contributors, please review the Contributor Attribution page in the Core Handbook.

@Mamaduka Mamaduka added [Feature] DataViews Work surrounding upgrading and evolving views in the site editor and beyond [Type] Bug An existing feature does not function as intended labels Jan 13, 2025
@Mamaduka Mamaduka requested review from Mamaduka and afercia January 14, 2025 07:50
@@ -178,6 +178,7 @@ export function PostEdit( { postType, postId } ) {
} ) }
label={ __( 'Post Edit' ) }
>
<h2>{ __( 'Quick Edit' ) }</h2>
Copy link
Contributor

Choose a reason for hiding this comment

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

It's best to use a Heading component instead of a hardcoded H2:

			<Heading level={ 2 } size={ 16 }>
				{ __( 'Quick Edit' ) }
			</Heading>

Copy link
Contributor

@afercia afercia left a comment

Choose a reason for hiding this comment

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

@benazeer-ben thanks for working on this.

I left a note about the hardcoded H2.

Also, now that the panel starts with a new H2 heading, the post title in the panel should be changed to a h3. Otherwise, the headings hierarchy wouldn't be ideal with two H2. Screenshot to illustrate:

Screenshot 2025-01-14 at 12 45 18

I guess that would need some minor adjustments to the margins.

@Mamaduka
Copy link
Member

This will also need design feedback since adding a static header diverges from the original designs.

@benazeer-ben
Copy link
Contributor Author

Hi @Mamaduka

Thank you for your feedback!

I’ve updated the code based on your suggestions:

Moved the 'Quick Edit' heading to the post-card-panel and applied the required margin for proper spacing.

Please review the changes. I’m happy to incorporate any additional design suggestions.
Screenshot (1)

Comment on lines 103 to 109
<Heading
level={ 2 }
size={ 16 }
className="editor-post-card-panel__heading"
>
{ __( 'Quick Edit' ) }
</Heading>
Copy link
Member

Choose a reason for hiding this comment

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

This PostCardPanel is also used inside the editor. Any changes to it affect editors globally. We should be careful and avoid visual regressions.

Screenshot

CleanShot 2025-01-15 at 16 44 22

Copy link
Contributor Author

@benazeer-ben benazeer-ben Jan 15, 2025

Choose a reason for hiding this comment

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

Yes! @Mamaduka
That's right. Updated in last commit.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
[Feature] DataViews Work surrounding upgrading and evolving views in the site editor and beyond [Type] Bug An existing feature does not function as intended
Projects
None yet
Development

Successfully merging this pull request may close these issues.

Data views: rename 'Details panel' to 'Quick Edit'
3 participants