Make WordPress Core

Opened 21 months ago

Last modified 6 months ago

#62255 new defect (bug)

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

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

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

Download all attachments as: .zip

Change History (13)

@pitamdey
21 months ago

After applying this solution the issue is resolved

#1 @karmatosed
19 months ago

  • Keywords needs-testing added

#2 @karmatosed
19 months ago

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

#3 @ankitkumarshah
19 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
19 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
19 months ago

  • Focuses css added
  • Summary Twenty Twenty : Latest Posts Block have no hover effectsTwenty 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.


19 months ago

#6 @poojapadamad
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.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 12 months ago by poojapadamad (previous) (diff)

#7 @huzaifaalmesbah
9 months 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

#8 @huzaifaalmesbah
6 months ago

  • Keywords needs-testing removed
Note: See TracTickets for help on using tickets.