Make WordPress Core

Opened 12 years ago

Closed 12 years ago

Last modified 12 years ago

#26147 closed defect (bug) (fixed)

Media progress bar needs to be restyled to match new admin design

Reported by: melchoyce's profile melchoyce Owned by: iammattthomas's profile iammattthomas
Milestone: 3.8 Priority: normal
Severity: normal Version: 3.8
Component: Administration Keywords: has-patch
Focuses: ui Cc:

Description

The current media progress bar has a 2px gap at the top, along with gradients and border radii: https://cloudup.com/cvsuAfM9iSo

Attachments (3)

26147.diff (1.4 KB) - added by melchoyce 12 years ago.
progress1.png (89.0 KB) - added by iammattthomas 12 years ago.
progress2.png (440.4 KB) - added by iammattthomas 12 years ago.

Download all attachments as: .zip

Change History (11)

@melchoyce
12 years ago

#1 @SergeyBiryukov
12 years ago

  • Milestone changed from Awaiting Review to 3.8

#2 @melchoyce
12 years ago

  • Keywords has-patch added

26147.diff removes the border radii, gradients, and extra spacing on the top of the bar. However, I was unable to center the progress text.

#3 @iammattthomas
12 years ago

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

In 26309:

Update the media upload interfaces to match new admin design:

  • Replace separate progress bar designs on media-new.php and modal media uploader with a single consistent design
  • Remove side borders from list of uploads on media-new.php
  • Restyle the selected photo border and checkbox on modal media uploader
  • Add a Media Uploader section to color schemes with progress bar and selected photo styles

Fixes #26147. Props melchoyce, iammattthomas.

#4 @iammattthomas
12 years ago

In 26310:

Making a few more adjustments to the uploader progress bar styles. See #26147.

#5 @iammattthomas
12 years ago

In 26311:

Make sure color schemes get the 1px white border around checkboxes on the media uploader. See #26147.

#6 @iammattthomas
12 years ago

I took Mel's patch and expanded it a little bit by matching the fill color of the bar to $highlight-color in our color schemes, to inject a little bit more of the scheme customization into the UI. I've also carried the same style over to the progress bars in the modal media uploader, which previously used an entirely different style. Screenshots of the new bars are attached.

Last edited 12 years ago by iammattthomas (previous) (diff)

#7 @iammattthomas
12 years ago

  • Cc mt@… added

#8 @iammattthomas
12 years ago

In 26330:

Use the correct shade of blue for the default filled progress bar color, 0074a2 to match the default scheme's highlight color. See #26147.

Note: See TracTickets for help on using tickets.