Opened 9 months ago
Last modified 9 months ago
#57368 assigned defect (bug)
Twenty Twenty-Three: unnecessary borders for linked images in Whisper variation
| Reported by: |
|
Owned by: | |
|---|---|---|---|
| Milestone: | Awaiting Review | Priority: | normal |
| Severity: | normal | Version: | 6.1 |
| Component: | Bundled Theme | Keywords: | has-patch |
| Focuses: | css | Cc: |
Description
Since the Whisper style variation currently uses CSS border to give links an underline throughout. It is problematic in some scenarios where images have links wrapped around them.
This can easily be overcome with a little further addition to the styles/whisper.json.
Attachments (2)
Change History (4)
#1
@
9 months ago
- Component changed from Themes to Bundled Theme
- Summary changed from Twenty Twenty-Three [Whisper variation] - unnecessary borders for images to Twenty Twenty-Three: unnecessary borders for linked images in Whisper variation
- Version changed from trunk to 6.1
This ticket was mentioned in PR #3795 on WordPress/wordpress-develop by @colorful tones.
9 months ago
#2
- Keywords has-patch added; needs-patch removed
The Whisper style variation relies heavily on utilizing the border-bottom to give links their underlined appearance. As opposed to the usual text-decoration: underline. This starts to surface in unexpected visual results when an Image or Site Logo block is wrapped in a link.
Steps to create issue (WP 6.1.1) with Twenty Twenty-Three theme activated:
- Go to Global Styles and choose Whisper style variation
- Add a Site Logo block with image
- Add an Image block to a Post or Page and add a link
Screenshots of the current issue with the border on the Site Logo and Image in Twenty Twenty-Three (v1.0)
screenshots of issue with TT3 activated and Whisper style variation chosen