Media: Visually align upload errors with other admin notices.

props sagarjadhav.
fixes #31874.

Built from https://develop.svn.wordpress.org/trunk@32506


git-svn-id: http://core.svn.wordpress.org/trunk@32476 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Helen Hou-Sandí 2015-05-15 16:19:26 +00:00
parent 8cbfdfa51b
commit 1e8a787aa1
10 changed files with 41 additions and 68 deletions

View File

@ -459,8 +459,9 @@ border color while dragging a file over the uploader drop area */
width: auto;
margin-bottom: 16px;
padding: 0 16px;
border: 1px solid #c00;
background-color: #feebe8;
border-right: 4px solid #dd3d36;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.upload-php .mode-grid .hide-sidebar .media-sidebar {
@ -474,27 +475,28 @@ border color while dragging a file over the uploader drop area */
}
.upload-php .mode-grid .media-sidebar .upload-error {
margin: 20px 0;
padding: 0;
margin: 12px 0;
padding: 4px 0 0;
border: none;
box-shadow: none;
background: none;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
font-size: 0;
top: -12px;
left: -10px;
top: 0;
left: -6px;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
content: "\f158";
font: normal 20px/1 dashicons;
color: #666;
content: "\f153";
font: normal 16px/1 dashicons;
color: #bbb;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
color: #00a0d2;
color: #c00;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3 {

View File

@ -459,8 +459,9 @@ border color while dragging a file over the uploader drop area */
width: auto;
margin-bottom: 16px;
padding: 0 16px;
border: 1px solid #c00;
background-color: #feebe8;
border-left: 4px solid #dd3d36;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
}
.upload-php .mode-grid .hide-sidebar .media-sidebar {
@ -474,27 +475,28 @@ border color while dragging a file over the uploader drop area */
}
.upload-php .mode-grid .media-sidebar .upload-error {
margin: 20px 0;
padding: 0;
margin: 12px 0;
padding: 4px 0 0;
border: none;
box-shadow: none;
background: none;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
font-size: 0;
top: -12px;
right: -10px;
top: 0;
right: -6px;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
content: "\f158";
font: normal 20px/1 dashicons;
color: #666;
content: "\f153";
font: normal 16px/1 dashicons;
color: #bbb;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before,
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before {
color: #00a0d2;
color: #c00;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3 {

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

View File

@ -1174,10 +1174,6 @@
max-width: 400px;
}
.media-sidebar .media-uploader-status {
border-bottom: 1px solid #dfdfdf;
}
.uploader-inline .media-uploader-status h3 {
display: none;
}
@ -1221,31 +1217,20 @@
}
.upload-errors .upload-error {
margin: 8px auto 0 auto;
padding: 8px;
border: 1px #c00 solid;
background: #ffebe8;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 12px;
margin-bottom: 12px;
background: #fff;
border-right: 4px solid #dd3d36;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.upload-errors .upload-error-label {
padding: 2px 4px;
margin-left: 8px;
.upload-errors .upload-error-filename {
font-weight: bold;
color: #fff;
background: #e00;
background-image: -webkit-gradient(linear, right top, right bottom, from(#e00), to(#a00));
background-image: -webkit-linear-gradient(top, #e00, #a00);
background-image: linear-gradient(to bottom, #e00, #a00);
-webkit-border-radius: 3px;
border-radius: 3px;
}
.upload-errors .upload-error-message {
display: block;
padding-top: 8px;
color: #b44;
word-wrap: break-word;
}

File diff suppressed because one or more lines are too long

View File

@ -1174,10 +1174,6 @@
max-width: 400px;
}
.media-sidebar .media-uploader-status {
border-bottom: 1px solid #dfdfdf;
}
.uploader-inline .media-uploader-status h3 {
display: none;
}
@ -1221,31 +1217,20 @@
}
.upload-errors .upload-error {
margin: 8px auto 0 auto;
padding: 8px;
border: 1px #c00 solid;
background: #ffebe8;
-webkit-border-radius: 3px;
border-radius: 3px;
padding: 12px;
margin-bottom: 12px;
background: #fff;
border-left: 4px solid #dd3d36;
box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
}
.upload-errors .upload-error-label {
padding: 2px 4px;
margin-right: 8px;
.upload-errors .upload-error-filename {
font-weight: bold;
color: #fff;
background: #e00;
background-image: -webkit-gradient(linear, left top, left bottom, from(#e00), to(#a00));
background-image: -webkit-linear-gradient(top, #e00, #a00);
background-image: linear-gradient(to bottom, #e00, #a00);
-webkit-border-radius: 3px;
border-radius: 3px;
}
.upload-errors .upload-error-message {
display: block;
padding-top: 8px;
color: #b44;
word-wrap: break-word;
}

File diff suppressed because one or more lines are too long

View File

@ -273,7 +273,6 @@ function wp_print_media_templates() {
</script>
<script type="text/html" id="tmpl-uploader-status-error">
<span class="upload-error-label"><?php _e('Error'); ?></span>
<span class="upload-error-filename">{{{ data.filename }}}</span>
<span class="upload-error-message">{{ data.message }}</span>
</script>

View File

@ -4,7 +4,7 @@
*
* @global string $wp_version
*/
$wp_version = '4.3-alpha-32505';
$wp_version = '4.3-alpha-32506';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.