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:
parent
8cbfdfa51b
commit
1e8a787aa1
|
@ -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-right: 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;
|
||||||
left: -10px;
|
left: -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 {
|
||||||
|
|
|
@ -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 {
|
||||||
|
|
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
|
@ -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-right: 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-left: 8px;
|
|
||||||
font-weight: bold;
|
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 {
|
.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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
File diff suppressed because one or more lines are too long
|
@ -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>
|
||||||
|
|
|
@ -4,7 +4,7 @@
|
||||||
*
|
*
|
||||||
* @global string $wp_version
|
* @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.
|
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.
|
||||||
|
|
Loading…
Reference in New Issue