Make WordPress Core

Opened 14 months ago

Last modified 6 weeks 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 (5)

Screenshot 2024-10-18 at 6.07.30 PM.png (239.5 KB) - added by pitamdey 14 months ago.
Editor View
Screenshot 2024-10-18 at 6.07.46 PM.png (148.5 KB) - added by pitamdey 14 months ago.
Frontend View
62255.patch (2.1 KB) - added by pitamdey 14 months ago.
After applying this solution the issue is resolved
62255.1.patch (2.9 KB) - added by sabernhardt 12 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)
New Note.jpeg (488.1 KB) - added by poojapadamad 5 months ago.

Download all attachments as: .zip

Change History (12)

@pitamdey
14 months ago

After applying this solution the issue is resolved

#1 @karmatosed
12 months ago

  • Keywords needs-testing added

#2 @karmatosed
12 months ago

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

#3 @ankitkumarshah
12 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
12 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
12 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.


12 months ago

#6 @poojapadamad
5 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.1.patch

Environment

  • WordPress: 6.9-alpha-60093-src
  • PHP: 8.2.29
  • Server: nginx/1.29.0
  • Database: mysqli (Server: 8.4.6 / Client: mysqlnd 8.2.29)
  • Browser: Chrome 138.0.0.0
  • OS: macOS
  • Theme: Twenty Twenty 2.9
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Actual Results

  1.  ✅ Issue resolved with patch.

Supplemental Artifacts

Attachment -https://core.trac.wordpress.org/attachment/ticket/62255/New%20Note.jpeg

Last edited 5 months ago by poojapadamad (previous) (diff)

#7 @huzaifaalmesbah
6 weeks ago

Test Report

Patch tested: 62255.1.patch

Environment

  • WordPress: 6.9-beta3-61129-src
  • PHP: 8.4.12
  • Server: nginx/1.29.1
  • Database: mysqli (Server: 9.4.0 / Client: mysqlnd 8.4.12)
  • Browser: Chrome 142.0.0.0
  • OS: macOS
  • Theme: Twenty Twenty 2.9
  • MU Plugins: None activated
  • Plugins:
    • Test Reports 1.2.0

Actual Results

  1. ✅ Latest Posts block now shows expected link hover effects.

Screenshots

Before Apply Patch After Apply Patch ✅
https://i.ibb.co.com/yckSqgnP/Huzaifa-20251106063744.png https://i.ibb.co.com/60g4rjvn/Huzaifa-20251106064056.png
Note: See TracTickets for help on using tickets.