IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Uploader: fix progress bar JS and update the style (light blue bars), see #18206

Browse Source 
git-svn-id: http://svn.automattic.com/wordpress/trunk@19247 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
azaozz
2011-11-10 20:33:26 +00:00
parent 872428d60d
commit 6074eda69d
14 changed files with 153 additions and 159 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
wp-admin/css/colors-classic.css
View File

File diff suppressed because one or more lines are too long

10
wp-admin/css/colors-classic.dev.css
View File

@@ -304,10 +304,6 @@ div.error a {
color: #666;
}
#wpbody-content #media-items .describe {
border-top-color: #dfdfdf;
}
.media-upload-form label.form-help,
td.help {
color: #9a9a9a;
@@ -640,9 +636,9 @@ input.readonly, textarea.readonly {
border-color: #b0c8d7;
}
#media-items,
.imgedit-group,
.media-item {
#media-items .media-item,
#media-items .describe,
.imgedit-group {
border-color: #dfdfdf;
}

2
wp-admin/css/colors-fresh.css
View File

File diff suppressed because one or more lines are too long

8
wp-admin/css/colors-fresh.dev.css
View File

@@ -312,10 +312,6 @@ div.error a {
color: #666;
}
#wpbody-content #media-items .describe {
border-top-color: #dfdfdf;
}
.media-upload-form label.form-help,
td.help {
color: #9a9a9a;
@@ -638,9 +634,9 @@ input.readonly, textarea.readonly {
border-color: #dfdfdf;
}
#media-items,
.imgedit-group,
.media-item {
#media-items .media-item,
#media-items .describe {
border-color: #dfdfdf;
}

2
wp-admin/css/media.css
View File

@@ -1 +1 @@
div#media-upload-header{margin:0;padding:0 5px;font-weight:bold;position:relative;border-bottom-width:1px;border-bottom-style:solid;}body#media-upload ul#sidemenu{font-weight:normal;margin:0 5px;left:0;bottom:-1px;float:none;overflow:hidden;}form{margin:1em;}#search-filter{text-align:right;}th{position:relative;}.media-upload-form label.form-help,td.help{font-family:sans-serif;font-style:italic;font-weight:normal;}.media-upload-form p.help{margin:0;padding:0;}.media-upload-form fieldset{width:100%;border:none;text-align:justify;margin:0 0 1em 0;padding:0;}.image-align-none-label{background:url(../images/align-none.png) no-repeat center left;}.image-align-left-label{background:url(../images/align-left.png) no-repeat center left;}.image-align-center-label{background:url(../images/align-center.png) no-repeat center left;}.image-align-right-label{background:url(../images/align-right.png) no-repeat center left;}tr.image-size td{width:460px;}tr.image-size div.image-size-item{margin:0 0 5px;}#library-form .progress,#gallery-form .progress,.insert-gallery,.describe.startopen,.describe.startclosed{display:none;}.media-item .thumbnail{max-width:128px;max-height:128px;}thead.media-item-info tr{background-color:transparent;}thead.media-item-info th,thead.media-item-info td{border:none;margin:0;}.form-table thead.media-item-info{border:8px solid #fff;}abbr.required{text-decoration:none;border:none;}.describe label{display:inline;}.describe td{vertical-align:middle;padding:0 5px 8px 0;}.describe td.error{padding:2px 8px;}.describe td.A1{width:132px;}.describe input[type="text"],.describe textarea{width:460px;border-width:1px;border-style:solid;}#media-upload p.ml-submit{padding:1em 0;}#media-upload p.help,#media-upload label.help{font-family:sans-serif;font-style:italic;font-weight:normal;}#media-upload #media-items{border-bottom-width:1px;border-bottom-style:solid;width:623px;}#media-upload #media-items:empty{border:0 none;}#media-upload .media-item{border-style:solid solid none;border-width:1px 1px 0;min-height:36px;width:100%;}#media-upload .ui-sortable .media-item{cursor:move;}.filename{line-height:36px;padding:0 10px;overflow:hidden;}#media-upload .describe{width:100%;clear:both;cursor:default;}#media-upload .describe th.label{padding-top:.2em;text-align:left;min-width:120px;}#media-upload tr.image-size{margin-bottom:1em;height:3em;}#media-upload #filter{width:623px;}#media-upload #filter .subsubsub{margin:8px 0;}#filter .tablenav select{border-style:solid;border-width:1px;padding:2px;vertical-align:top;width:auto;}#media-upload .del-attachment{display:none;margin:5px 0;}.menu_order{float:right;font-size:11px;margin:10px 10px 0;}.menu_order_input{border:1px solid #ddd;font-size:10px;padding:1px;width:23px;}.ui-sortable-helper{background-color:#fff;border:1px solid #aaa;opacity:.6;filter:alpha(opacity=60);}#media-upload th.order-head{width:20%;text-align:center;}#media-upload th.actions-head{width:25%;text-align:center;}#media-upload a.wp-post-thumbnail{margin:0 20px;}#media-items a.delete{display:block;float:right;}#media-upload .widefat{width:626px;border-style:solid solid none;}.sorthelper{height:37px;width:623px;display:block;}#gallery-settings th.label{width:160px;}#gallery-settings #basic th.label{padding:5px 5px 5px 0;}#gallery-settings .title{clear:both;padding:0 0 3px;font-size:1.6em;border-bottom:1px solid #DADADA;}h3.media-title{font-size:1.6em;}h4.media-sub-title{border-bottom:1px solid #DADADA;font-size:1.3em;margin:12px;padding:0 0 3px;}#gallery-settings .title,h3.media-title,h4.media-sub-title{font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;color:#5A5A5A;}#gallery-settings .describe td{vertical-align:middle;height:3em;}#gallery-settings .describe th.label{padding-top:.5em;text-align:left;}#gallery-settings .describe{padding:5px;width:615px;clear:both;cursor:default;}#gallery-settings .describe select{width:15em;}#gallery-settings .describe select option,#gallery-settings .describe td{padding:0;}#gallery-settings label,#gallery-settings legend{font-size:13px;color:#464646;margin-right:15px;}#gallery-settings .align .field label{margin:0 1em 0 3px;}#gallery-settings p.ml-submit{border-top:1px solid #dfdfdf;}#gallery-settings select#columns{width:6em;}#sort-buttons{font-size:.8em;margin:3px 25px -8px 0;text-align:right;max-width:625px;}#sort-buttons a{text-decoration:none;}#sort-buttons #asc,#sort-buttons #showall{padding-left:5px;}#sort-buttons span{margin-right:25px;}p.media-types{margin:1em;}tr.not-image{display:none;}table.not-image tr.not-image{display:table-row;}table.not-image tr.image-only{display:none;}
div#media-upload-header{margin:0;padding:5px 5px 0;font-weight:bold;position:relative;border-bottom-width:1px;border-bottom-style:solid;}body#media-upload ul#sidemenu{font-weight:normal;margin:0 5px;left:0;bottom:-1px;float:none;overflow:hidden;}form{margin:1em;}#search-filter{text-align:right;}th{position:relative;}.media-upload-form label.form-help,td.help{font-family:sans-serif;font-style:italic;font-weight:normal;}.media-upload-form p.help{margin:0;padding:0;}.media-upload-form fieldset{width:100%;border:none;text-align:justify;margin:0 0 1em 0;padding:0;}.image-align-none-label{background:url(../images/align-none.png) no-repeat center left;}.image-align-left-label{background:url(../images/align-left.png) no-repeat center left;}.image-align-center-label{background:url(../images/align-center.png) no-repeat center left;}.image-align-right-label{background:url(../images/align-right.png) no-repeat center left;}tr.image-size td{width:460px;}tr.image-size div.image-size-item{margin:0 0 5px;}#library-form .progress,#gallery-form .progress,.insert-gallery,.describe.startopen,.describe.startclosed{display:none;}.media-item .thumbnail{max-width:128px;max-height:128px;}thead.media-item-info tr{background-color:transparent;}.form-table thead.media-item-info{border:8px solid #fff;}abbr.required{text-decoration:none;border:none;}.describe label{display:inline;}.describe td.error{padding:2px 8px;}.describe td.A1{width:132px;}.describe input[type="text"],.describe textarea{width:460px;border-width:1px;border-style:solid;}#media-upload p.ml-submit{padding:1em 0;}#media-upload p.help,#media-upload label.help{font-family:sans-serif;font-style:italic;font-weight:normal;}#media-upload .ui-sortable .media-item{cursor:move;}#media-upload tr.image-size{margin-bottom:1em;height:3em;}#media-upload #filter{width:623px;}#media-upload #filter .subsubsub{margin:8px 0;}#filter .tablenav select{border-style:solid;border-width:1px;padding:2px;vertical-align:top;width:auto;}#media-upload .del-attachment{display:none;margin:5px 0;}.menu_order{float:right;font-size:11px;margin:10px 10px 0;}.menu_order_input{border:1px solid #ddd;font-size:10px;padding:1px;width:23px;}.ui-sortable-helper{background-color:#fff;border:1px solid #aaa;opacity:.6;filter:alpha(opacity=60);}#media-upload th.order-head{width:20%;text-align:center;}#media-upload th.actions-head{width:25%;text-align:center;}#media-upload a.wp-post-thumbnail{margin:0 20px;}#media-items a.delete{display:block;float:right;}#media-upload .widefat{width:626px;border-style:solid solid none;}.sorthelper{height:37px;width:623px;display:block;}#gallery-settings th.label{width:160px;}#gallery-settings #basic th.label{padding:5px 5px 5px 0;}#gallery-settings .title{clear:both;padding:0 0 3px;font-size:1.6em;border-bottom:1px solid #DADADA;}h3.media-title{font-size:1.6em;}h4.media-sub-title{border-bottom:1px solid #DADADA;font-size:1.3em;margin:12px;padding:0 0 3px;}#gallery-settings .title,h3.media-title,h4.media-sub-title{font-family:Georgia,"Times New Roman",Times,serif;font-weight:normal;color:#5A5A5A;}#gallery-settings .describe td{vertical-align:middle;height:3em;}#gallery-settings .describe th.label{padding-top:.5em;text-align:left;}#gallery-settings .describe{padding:5px;width:615px;clear:both;cursor:default;}#gallery-settings .describe select{width:15em;}#gallery-settings .describe select option,#gallery-settings .describe td{padding:0;}#gallery-settings label,#gallery-settings legend{font-size:13px;color:#464646;margin-right:15px;}#gallery-settings .align .field label{margin:0 1em 0 3px;}#gallery-settings p.ml-submit{border-top:1px solid #dfdfdf;}#gallery-settings select#columns{width:6em;}#sort-buttons{font-size:.8em;margin:3px 25px -8px 0;text-align:right;max-width:625px;}#sort-buttons a{text-decoration:none;}#sort-buttons #asc,#sort-buttons #showall{padding-left:5px;}#sort-buttons span{margin-right:25px;}p.media-types{margin:1em;}tr.not-image{display:none;}table.not-image tr.not-image{display:table-row;}table.not-image tr.image-only{display:none;}

50
wp-admin/css/media.dev.css
View File

@@ -1,6 +1,8 @@
/* Styles for the media library iframe (not used on the Library screen) */
div#media-upload-header {
margin: 0;
padding: 0 5px;
padding: 5px 5px 0;
font-weight: bold;
position: relative;
border-bottom-width: 1px;
@@ -91,12 +93,6 @@ thead.media-item-info tr {
background-color: transparent;
}
thead.media-item-info th,
thead.media-item-info td {
border: none;
margin: 0;
}
.form-table thead.media-item-info {
border: 8px solid #fff;
}
@@ -110,11 +106,6 @@ abbr.required {
display: inline;
}
.describe td {
vertical-align: middle;
padding: 0 5px 8px 0;
}
.describe td.error {
padding: 2px 8px;
}
@@ -143,45 +134,10 @@ abbr.required {
font-weight: normal;
}
#media-upload #media-items {
border-bottom-width: 1px;
border-bottom-style: solid;
width: 623px;
}
#media-upload #media-items:empty {
border: 0 none;
}
#media-upload .media-item {
border-style: solid solid none;
border-width: 1px 1px 0;
min-height: 36px;
width: 100%;
}
#media-upload .ui-sortable .media-item {
cursor: move;
}
.filename {
line-height: 36px;
padding: 0 10px;
overflow: hidden;
}
#media-upload .describe {
width: 100%;
clear: both;
cursor: default;
}
#media-upload .describe th.label {
padding-top: .2em;
text-align: left;
min-width: 120px;
}
#media-upload tr.image-size {
margin-bottom: 1em;
height: 3em;

2
wp-admin/css/wp-admin-rtl.css
View File

File diff suppressed because one or more lines are too long

16
wp-admin/css/wp-admin-rtl.dev.css
View File

@@ -998,7 +998,7 @@ span.description,
.describe-toggle-off {
float: left;
margin-right: 0;
margin-left: 20px;
margin-left: 15px;
}
.media-item .error-div {
@@ -1010,17 +1010,13 @@ span.description,
float: right;
}
.crunching {
text-align: left;
margin-right: 0;
margin-left: 5px;
.media-item .describe td {
padding: 0 0 8px 8px;
}
.bar {
border-right-width: 0;
border-left-width: 3px;
border-right-style: none;
border-left-style: solid;
.media-item .progress {
float: left;
margin: 6px 0 0 10px;
}
/*------------------------------------------------------------------------------

2
wp-admin/css/wp-admin.css
View File

File diff suppressed because one or more lines are too long

135
wp-admin/css/wp-admin.dev.css
View File

@@ -26,7 +26,7 @@ TABLE OF CONTENTS:
12.0 - Categories
13.0 - Tags
14.0 - Media Screen
14.1 - Media Uploader
14.1 - Media Library
14.2 - Image Editor
15.0 - Comments Screen
16.0 - Themes
@@ -3532,40 +3532,52 @@ p.popular-tags a {
14.0 - Media Screen
------------------------------------------------------------------------------*/
#wpbody-content #media-items .describe {
.media-item .describe {
border-collapse: collapse;
width: 100%;
border-top-style: solid;
border-top-width: 1px;
clear: both;
cursor: default;
padding: 5px;
}
#wpbody-content .describe th {
.media-item.media-blank .describe {
border: 0;
}
.media-item .describe th {
vertical-align: top;
text-align: left;
padding: 10px;
padding: 5px 10px 10px;
width: 140px;
}
#wpbody-content .describe .media-item-info tr {
.media-item .describe .align th {
padding-top: 0;
}
.media-item .media-item-info tr {
background-color: transparent;
}
#wpbody-content .describe .media-item-info td {
.media-item .describe td {
padding: 0 8px 8px 0;
vertical-align: top;
}
.media-item thead.media-item-info td {
padding: 4px 10px 0;
}
.describe .media-item-info .A1B1 {
.media-item .media-item-info .A1B1 {
padding: 0 0 0 10px;
}
#wpbody-content .filename {
padding: 0 10px;
.media-item td.savesend {
padding-bottom: 15px;
}
#wpbody-content .media-item .thumbnail {
.media-item .thumbnail {
max-height: 128px;
max-width: 128px;
}
@@ -3610,12 +3622,12 @@ abbr.required {
text-decoration: none;
}
#wpbody-content .describe input[type="text"],
#wpbody-content .describe textarea {
.media-item .describe input[type="text"],
.media-item .describe textarea {
width: 460px;
}
#wpbody-content .describe p.help {
.media-item .describe p.help {
margin: 0;
padding: 0 0 0 5px;
}
@@ -3626,39 +3638,40 @@ abbr.required {
display: block;
line-height: 36px;
float: right;
margin-right: 20px;
margin-right: 15px;
}
.describe-toggle-off {
.media-item .describe-toggle-off,
.media-item.open .describe-toggle-on,
.media-item.open img.pinkynail {
display: none;
}
#wpbody-content .media-item {
border-bottom-style: solid;
border-bottom-width: 1px;
.media-item.open .describe-toggle-off {
display: block;
}
#media-items .media-item {
border-style: solid;
border-width: 1px;
min-height: 36px;
position: relative;
margin-top: -1px;
width: 100%;
}
#wpbody-content .media-single .media-item {
border-bottom-style: none;
border-bottom-width: 0;
#media-items {
width: 623px;
}
#wpbody-content #media-items {
border-style: solid solid none;
border-width: 1px;
width: 670px;
}
#wpbody-content #media-items:empty {
#media-items:empty {
border: 0 none;
}
#wpbody-content #media-items .filename {
.media-item .filename {
line-height: 36px;
overflow: hidden;
padding: 0 10px;
}
.media-item .error-div {
@@ -3667,7 +3680,7 @@ abbr.required {
.media-item .pinkynail {
float: left;
margin: 2px;
margin: 0 2px;
max-width: 40px;
max-height: 32px;
}
@@ -3680,27 +3693,55 @@ abbr.required {
.media-item .original {
position: relative;
height: 34px;
width: 503px;
}
.crunching {
display: block;
line-height: 32px;
text-align: right;
margin-right: 5px;
.media-item .progress {
float: right;
height: 22px;
margin: 6px 10px 0 0;
width: 200px;
text-align: center;
line-height: 2em;
padding: 0;
overflow: hidden;
margin-bottom: 2px;
border: 1px solid #d1d1d1;
background: #fff;
background-image: linear-gradient(bottom, rgb(255,255,255) 0%, rgb(247,247,247) 100%);
background-image: -o-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(247,247,247) 100%);
background-image: -moz-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(247,247,247) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(247,247,247) 100%);
background-image: -ms-linear-gradient(bottom, rgb(255,255,255) 0%, rgb(247,247,247) 100%);
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
box-shadow: inset 0 0 3px rgba(0,0,0,0.1);
}
.progress {
position: relative;
margin-bottom: -36px;
height: 36px;
}
.bar {
.media-item .bar {
z-index: 9;
width: 0;
height: 100%;
border-right-width: 3px;
border-right-style: solid;
margin-top: -24px;
background-color: #83B4D8;
background-image: linear-gradient(bottom, rgb(114,167,207) 0%, rgb(144,197,238) 100%);
background-image: -o-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(144,197,238) 100%);
background-image: -moz-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(144,197,238) 100%);
background-image: -webkit-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(144,197,238) 100%);
background-image: -ms-linear-gradient(bottom, rgb(114,167,207) 0%, rgb(144,197,238) 100%);
-webkit-border-radius: 3px;
border-radius: 3px;
-webkit-box-shadow: 0 0 3px rgba(0,0,0,0.3);
box-shadow: 0 0 3px rgba(0,0,0,0.3);
}
.media-item .progress .percent {
z-index: 10;
position: relative;
width: 200px;
text-align: center;
text-shadow: 0 1px 0 rgba(255,255,255,0.4);
color: rgba(0,0,0,0.6);
}
.upload-php .fixed .column-parent {
@@ -3709,7 +3750,7 @@ abbr.required {
/*------------------------------------------------------------------------------
14.1 - Media Uploader
14.1 - Media Library
------------------------------------------------------------------------------*/
.find-box {