Make WordPress Core

Opened 14 years ago

Closed 10 years ago

#15860 closed defect (bug) (fixed)

White Icon visibility in Media Library

Reported by: abtop's profile ABTOP Owned by: wonderboymusic's profile wonderboymusic
Milestone: 4.0 Priority: normal
Severity: minor Version: 3.0.3
Component: Media Keywords: has-patch
Focuses: ui, administration Cc:

Description

Problem: If a graphic file is white in color AND has transparent background, as often a case with PNG and GIF files, there is no chance for it to be visible as icon in Media Library. It will always be white on white (like a polar bear in Arctica)

Possible solution: assign off-white color to td.media-icon like this

.media-icon {background-color: #ccc;}

or introduce

.media-icon:hover{background-color:#ccc;}

so that icons are visible at least on mouseover.

Attachments (1)

15860.diff (317 bytes) - added by ericlewis 10 years ago.

Download all attachments as: .zip

Change History (11)

#1 @nacin
14 years ago

This doesn't seem very common, but can you provide a screenshot of the before and non-hover after?

#2 @jane
14 years ago

  • Milestone changed from Awaiting Review to Future Release

Have seen this with white logos. Would prefer a solution that is not only on hover, since that's not accessible and requires action for basic scanning.

#3 @jane
14 years ago

Asked UI group to brainstorm on solutions for this.

#4 @johnbillion
11 years ago

  • Keywords changed from Media Library, icon, background to Media Library icon, background

This particular issue no longer exists with the 3.5+ media manager. The only problem is that the issue has simply moved from a white background to a #eee background.

#5 @SergeyBiryukov
11 years ago

  • Keywords Media Library icon background removed
  • Severity changed from normal to minor
  • Type changed from feature request to defect (bug)

@ericlewis
10 years ago

#6 @ericlewis
10 years ago

In the media modal, all attachments get the slightest amount of inset box-shadow applied to the image's wrapper.

Could do something like attachment:15860.diff.

#7 @ericlewis
10 years ago

  • Keywords has-patch added

#8 @SergeyBiryukov
10 years ago

  • Milestone changed from Future Release to 4.0

#9 @SergeyBiryukov
10 years ago

  • Focuses ui administration added

#10 @wonderboymusic
10 years ago

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

In 28842:

Apply a subtle semi-transparent border to images in the media list table to avoid the "white on white (like a polar bear in Antarctica)" problem.

Props ericlewis.
Fixes #15860.

Note: See TracTickets for help on using tickets.