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; width: auto;
margin-bottom: 16px; margin-bottom: 16px;
padding: 0 16px; padding: 0 16px;
border: 1px solid #c00; border-left: 4px solid #dd3d36;
background-color: #feebe8; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
background-color: #fff;
} }
.upload-php .mode-grid .hide-sidebar .media-sidebar { .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 { .upload-php .mode-grid .media-sidebar .upload-error {
margin: 20px 0; margin: 12px 0;
padding: 0; padding: 4px 0 0;
border: none; border: none;
box-shadow: none;
background: none; background: none;
} }
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors { .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors {
font-size: 0; font-size: 0;
top: -12px; top: 0;
right: -10px; right: -6px;
} }
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before { .upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:before {
content: "\f158"; content: "\f153";
font: normal 20px/1 dashicons; font: normal 16px/1 dashicons;
color: #666; 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:focus:before,
.upload-php .mode-grid .media-sidebar .media-uploader-status .upload-dismiss-errors:hover: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 { .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; max-width: 400px;
} }
.media-sidebar .media-uploader-status {
border-bottom: 1px solid #dfdfdf;
}
.uploader-inline .media-uploader-status h3 { .uploader-inline .media-uploader-status h3 {
display: none; display: none;
} }
@ -1221,31 +1217,20 @@
} }
.upload-errors .upload-error { .upload-errors .upload-error {
margin: 8px auto 0 auto; padding: 12px;
padding: 8px; margin-bottom: 12px;
border: 1px #c00 solid; background: #fff;
background: #ffebe8; border-left: 4px solid #dd3d36;
-webkit-border-radius: 3px; box-shadow: 0 1px 1px 0 rgba(0, 0, 0, 0.1);
border-radius: 3px;
} }
.upload-errors .upload-error-label { .upload-errors .upload-error-filename {
padding: 2px 4px;
margin-right: 8px;
font-weight: bold; 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 { .upload-errors .upload-error-message {
display: block; display: block;
padding-top: 8px; padding-top: 8px;
color: #b44;
word-wrap: break-word; word-wrap: break-word;
} }

1
src/wp-includes/media-template.php
View File

@ -273,7 +273,6 @@ function wp_print_media_templates() {
</script> </script>
<script type="text/html" id="tmpl-uploader-status-error"> <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-filename">{{{ data.filename }}}</span>
<span class="upload-error-message">{{ data.message }}</span> <span class="upload-error-message">{{ data.message }}</span>
</script> </script>