Making WordPress.org

Opened 2 years ago

Closed 2 years ago

#6082 closed defect (bug) (fixed)

Fix tablesorter position

Reported by: otshelnik-fm's profile Otshelnik-Fm Owned by: sergeybiryukov's profile SergeyBiryukov
Milestone: Priority: normal
Component: Translate Site & Plugins Keywords:
Cc:

Description

The sorting icon is very close in the table: http://joxi.ru/xAelOzvHb9Qa72

Example: https://translate.wordpress.org/projects/wp-plugins/wp-recall/

Add this:

.tablesorter-wporg-translate .tablesorter-header {
	background-position-x: calc(100% - 10px);
}
.tablesorter-header-inner {
	margin: 0 15px;
}

Result: http://joxi.ru/1A5eaNXizVeWWA

And the title will not run over the icon - because we have set a margin for it:
http://joxi.ru/l2Z8QalHRg93Xr

Now the table header is overlapped by the icon:
http://joxi.ru/a2XyGdKSlqXdBA

Attachments (4)

6082.status-overview.png (48.7 KB) - added by SergeyBiryukov 2 years ago.
6082.diff (1.8 KB) - added by SergeyBiryukov 2 years ago.
6082.status-overview.current.png (46.9 KB) - added by SergeyBiryukov 2 years ago.
6082.status-overview.after.png (46.8 KB) - added by SergeyBiryukov 2 years ago.

Download all attachments as: .zip

Change History (7)

#1 @SergeyBiryukov
2 years ago

Thanks for the ticket!

Just noting that this should also be tested on the Translation status overview page, which has narrower columns and does not look great with the currently proposed changes: 6082.status-overview.png.

@SergeyBiryukov
2 years ago

#2 @SergeyBiryukov
2 years ago

I think 6082.diff might improve things a bit, it aims to prevent overlapping while still having enough breathing room. See 6082.status-overview.current.png vs. 6082.status-overview.after.png.

#3 @SergeyBiryukov
2 years ago

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

In 11531:

Translate: Improve positioning of the column sorting icon.

This aims to avoid overlapping with column headers while adding some space for the icon.

Props Otshelnik-Fm.
Fixes #6082.

Note: See TracTickets for help on using tickets.