WordPress.org

Making WordPress.org

Opened 11 months ago

Closed 11 months ago

Last modified 11 months ago

#5577 closed defect (fixed)

Support Forums: Topic indicator hides first letter of the title on mobile devices

Reported by: vladytimy Owned by: dd32
Milestone: Priority: normal
Component: Support Forums Keywords: has-patch needs-design-feedback
Cc:

Description

On mobile devices (max-width: 568px) the topic header has padding-left: 1rem; instead of 2rem as on larger screens.

Topic indicators sticky, .super-sticky and .status-closed have an absolute position of left: -2px; that doesn't change on mobile devices.

Because of that, on mobile devices, topic indicators will hide the first letter of the topic title. This caugh my attention in a plugin update release sticky topic where I read .0.6 released instead of 1.0.6 released - quite funny.

Proposed solution: on devices (max-width: 568px) the topic indicators should have left: -16px;

Attachments (2)

5577-before-and-after.jpg (473.6 KB) - added by vladytimy 11 months ago.
5577.patch (587 bytes) - added by vladytimy 11 months ago.

Download all attachments as: .zip

Change History (5)

@vladytimy
11 months ago

#1 @vladytimy
11 months ago

  • Keywords has-patch needs-design-feedback added

#2 @dd32
11 months ago

  • Owner set to dd32
  • Resolution set to fixed
  • Status changed from new to closed

In 10600:

Support Forums: Don't overlap the sticky/locked/etc icon over the title on mobile devices.

Props vladytimy.
Fixes #5577.

#3 @dd32
11 months ago

In 10601:

Support Forums: cache bump after [10600].

See #5577.

Note: See TracTickets for help on using tickets.