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.



git-svn-id: https://develop.svn.wordpress.org/trunk@26309 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Matt Thomas
2013-11-22 00:02:44 +00:00
parent f22fcec003
commit c23257d7f2
4 changed files with 40 additions and 51 deletions
+3 -18
View File
@@ -768,12 +768,9 @@
height: 24px;
width: 24px;
position: absolute;
top: -7px;
right: -7px;
top: -6px;
right: -6px;
outline: none;
border: 1px solid #fff;
box-shadow: 0 0 0 1px rgba( 0, 0, 0, 0.4 );
}
.attachment .check div {
@@ -791,17 +788,6 @@
display: block;
}
.attachment.details .check {
box-shadow: 0 0 0 1px #1e8cbe;
background: #1e8cbe;
background-image: -webkit-gradient(linear, left top, left bottom, from(#1e8cbe), to(#0074a2));
background-image: -webkit-linear-gradient(top, #1e8cbe, #0074a2);
background-image: -moz-linear-gradient(top, #1e8cbe, #0074a2);
background-image: -o-linear-gradient(top, #1e8cbe, #0074a2);
background-image: linear-gradient(to bottom, #1e8cbe, #0074a2);
}
.attachment.details .check div {
background-position: -21px 0;
}
@@ -877,8 +863,7 @@
height: 10px;
min-width: 20px;
width: 0;
background: #aaa;
background: rgba( 0, 0, 0, 0.2 );
background: #1e8cbe;
border-radius: 10px;
-webkit-transition: width 300ms;
-moz-transition: width 300ms;