Making WordPress.org

Opened 6 years ago

Closed 6 years ago

Last modified 6 years ago

#5577 closed defect (bug) (fixed)

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

Reported by: vladytimy Owned by: dd32
Priority: normal Milestone:
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 6 years ago.
5577.patch​ (587 bytes ) - added by vladytimy 6 years ago.

Download all attachments as: .zip

Change History (5)

@vladytimy
6 years ago

#1 @vladytimy
6 years ago

  • Keywords has-patch needs-design-feedback added

#2 @dd32
6 years ago

  • Owner set to dd32
  • Resolution → fixed
  • Status new → 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
6 years ago

In 10601:

Support Forums: cache bump after [10600].

See #5577.

Note: See TracTickets for help on using tickets.