sergiotarxz
/
Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Media: Visually align upload errors with other admin notices. 

props sagarjadhav.
fixes #31874.


git-svn-id: https://develop.svn.wordpress.org/trunk@32506 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Helen Hou-Sandi 2015-05-15 16:18:50 +00:00
parent 12b3b1c100
commit 691656f2cf
3 changed files with 18 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

22
src/wp-admin/css/media.css
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 {

27
src/wp-includes/css/media-views.css
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;
}

1
src/wp-includes/media-template.php
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>