Make WordPress Core

Opened 5 months ago

Last modified 3 months ago

#62255 new defect (bug)

Twenty Twenty: Latest Posts blocks have no link hover effects in entry content

Reported by: pitamdey's profile pitamdey Owned by:
Milestone: Awaiting Review Priority: normal
Severity: normal Version:
Component: Bundled Theme Keywords: has-patch has-screenshots needs-testing
Focuses: css Cc:

Description

In Theme Twenty Twenty,

The latest Posts Block has no hover effects like in another theme

I have added a patch for it

Attachments (4)

Screenshot 2024-10-18 at 6.07.30 PM.png (239.5 KB) - added by pitamdey 5 months ago.
Editor View
Screenshot 2024-10-18 at 6.07.46 PM.png (148.5 KB) - added by pitamdey 5 months ago.
Frontend View
62255.patch (2.1 KB) - added by pitamdey 5 months ago.
After applying this solution the issue is resolved
62255.1.patch (2.9 KB) - added by sabernhardt 3 months ago.
Moves link styles for Latest Posts, Latest Comments, Categories (List), and Archives blocks to the Widgets section of the stylesheet (after Entry Content)

Download all attachments as: .zip

Change History (9)

@pitamdey
5 months ago

After applying this solution the issue is resolved

#1 @karmatosed
3 months ago

  • Keywords needs-testing added

#2 @karmatosed
3 months ago

I am going to flag this as needing some testing, thank you for reporting.

#3 @ankitkumarshah
3 months ago

Test Report

Description

This report validates whether the indicated patch works as expected.

Patch tested: https://core.trac.wordpress.org/attachment/ticket/62255/62255.patch

Environment

  • WordPress: 6.8-alpha-59560
  • PHP: 8.1.29
  • Server: nginx/1.16.0
  • Database: mysqli (Server: 8.0.16 / Client: mysqlnd 8.1.29)
  • Browser: Chrome 131.0.0.0
  • OS: macOS
  • Theme: Twenty Twenty

Actual Results

  1. ✅ Issue resolved with patch.

Additional Notes

Hi @pitamdey,
Thank you for bringing this up. I was able to reproduce the issue and have tested the patch. The fix successfully resolves the problem by adding an underline on hover.

Supplemental Artifacts

https://i.postimg.cc/VsSr16Sf/image.png

@sabernhardt
3 months ago

Moves link styles for Latest Posts, Latest Comments, Categories (List), and Archives blocks to the Widgets section of the stylesheet (after Entry Content)

#4 @sabernhardt
3 months ago

  • Focuses css added
  • Summary changed from Twenty Twenty : Latest Posts Block have no hover effects to Twenty Twenty: Latest Posts blocks have no link hover effects in entry content

Related: Issue 442 / PR 548

The Latest Posts links have an underline on hover/focus when in a widget area, but the Entry Content styles are later in the stylesheet and override block styles within the post content.

Using !important is too much, and I would prefer not to increase specificity either (as PR 548 did for Latest Comments). The link styles for Latest Posts and similar blocks could be moved after the Entry Content styles.

I did not notice a difference when changing the editor stylesheets, so I did not include those in 62255.1.patch.

This ticket was mentioned in Slack in #core-test by bhupendra2909. View the logs.


3 months ago

Note: See TracTickets for help on using tickets.