Opened 4 years ago

Closed 4 years ago

Last modified 4 years ago

#5577 closed defect (bug) (fixed)

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

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


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 4 years ago.
5577.patch (587 bytes) - added by vladytimy 4 years ago.

Download all attachments as: .zip

Change History (5)

4 years ago

#1 @vladytimy
4 years ago

  • Keywords has-patch needs-design-feedback added

#2 @dd32
4 years 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
4 years ago

In 10601:

Support Forums: cache bump after [10600].

See #5577.

Note: See TracTickets for help on using tickets.