diff -r 3d4e9c994f10 -r a86126ab1dd4 wp/wp-admin/css/media-rtl.css --- a/wp/wp-admin/css/media-rtl.css Tue Oct 22 16:11:46 2019 +0200 +++ b/wp/wp-admin/css/media-rtl.css Tue Dec 15 13:49:49 2020 +0100 @@ -1,3 +1,4 @@ +/*! This file is auto-generated */ /*------------------------------------------------------------------------------ 14.0 - Media Screen ------------------------------------------------------------------------------*/ @@ -100,7 +101,7 @@ .describe-toggle-on, .describe-toggle-off { display: block; - line-height: 36px; + line-height: 2.76923076; float: left; margin-left: 10px; } @@ -132,7 +133,7 @@ } .media-item .filename { - line-height: 36px; + line-height: 2.76923076; overflow: hidden; margin-right: 6px; } @@ -239,7 +240,7 @@ height: 36px; font-size: 18px; font-weight: 600; - line-height: 36px; + line-height: 2; padding: 0 16px 0 36px; position: absolute; top: 0; @@ -306,7 +307,7 @@ #find-posts-close:hover, #find-posts-close:focus { - color: #00a0d2; + color: #006799; } #find-posts-close:focus { @@ -368,40 +369,17 @@ z-index: 100100; } -ul#dismissed-updates { - display: none; -} - -form.upgrade { - margin-top: 8px; -} - -form.upgrade .hint { - font-style: italic; - font-size: 85%; - margin: -0.5em 0 2em 0; -} - -#poststuff .inside .the-tagcloud { - margin: 5px 0 10px; - padding: 8px; - border: 1px solid #ddd; - line-height: 1.8em; - word-spacing: 3px; -} - .drag-drop #drag-drop-area { border: 4px dashed #b4b9be; height: 200px; } .drag-drop .drag-drop-inside { - margin: 70px auto 0; + margin: 60px auto 0; width: 250px; } .drag-drop-inside p { - color: #a0a5aa; font-size: 14px; margin: 5px 0; display: none; @@ -502,7 +480,6 @@ color: #c00; } -.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3, /* Back-compat for pre-4.4 */ .upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 { display: none; } @@ -562,7 +539,6 @@ .media-frame.mode-grid .media-toolbar select { margin: 0 0 0 10px; - font-size: 14px; } .media-frame.mode-grid.mode-edit .media-toolbar-secondary > .select-mode-toggle-button { @@ -579,8 +555,14 @@ margin-top: 0; } -.media-frame.mode-grid .spinner { - margin-top: 16px; +.media-search-input-label { + margin: 0 0 0 .2em; + vertical-align: baseline; +} + +.media-frame.mode-grid .media-search-input-label { + position: static; + margin: 0 0 0 .5em; } .attachments-browser .media-toolbar-secondary > .media-button { @@ -706,14 +688,11 @@ content: "\f341"; } -.edit-attachment-frame .edit-media-header .left.disabled, -.edit-attachment-frame .edit-media-header .right.disabled, -.edit-attachment-frame .edit-media-header .left.disabled:hover, -.edit-attachment-frame .edit-media-header .right.disabled:hover { +.edit-attachment-frame .edit-media-header [disabled], +.edit-attachment-frame .edit-media-header [disabled]:hover { color: #ccc; background: inherit; cursor: default; - pointer-events: none; } .edit-attachment-frame .media-frame-content, @@ -775,7 +754,7 @@ .edit-attachment-frame input, .edit-attachment-frame textarea { padding: 6px 8px; - line-height: 16px; + line-height: 1.14285714; } .edit-attachment-frame .attachment-info { @@ -819,6 +798,16 @@ text-decoration: none; } +.copy-to-clipboard-container { + display: flex; + align-items: center; + margin-top: 8px; + clear: both; +} + +.copy-to-clipboard-container .success { + margin-right: 8px; +} /*------------------------------------------------------------------------------ 14.2 - Image Editor @@ -872,8 +861,10 @@ } .wp_attachment_holder .imgedit-wrap .imgedit-panel-content { + float: right; padding: 3px 0 0 16px; - float: right; + min-width: 400px; + max-width: calc( 100% - 266px ); } .wp_attachment_holder .imgedit-wrap .imgedit-settings { @@ -941,7 +932,6 @@ } .imgedit-menu { - min-width: 300px; margin: 0 0 12px; } @@ -952,31 +942,34 @@ } .image-editor .imgedit-menu .button { - float: right; - width: 32px; - height: 32px; - margin: 0 0 0 8px; - padding: 0; - background: #f1f1f1; - -webkit-font-smoothing: antialiased; - -moz-osx-font-smoothing: grayscale; - line-height: 16px; - color: #72777c; + display: inline-block; + width: auto; + min-height: 28px; + font-size: 13px; + line-height: 2; + margin: 0 0 8px 8px; + padding: 0 10px; } .imgedit-menu .button:before { - font: normal 20px/1 dashicons; + font: normal 16px/1 dashicons; + margin-left: 8px; speak: none; vertical-align: middle; + position: relative; + top: -2px; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; } .imgedit-menu .button.disabled { - border-color: #ccc; - background-color: #ddd; - color: #72777c; - filter: alpha(opacity=50); - opacity: 0.5; + color: #a0a5aa; + border-color: #ddd; + background: #f7f7f7; + box-shadow: none; + text-shadow: 0 1px 0 #fff; cursor: default; + transform: none; } .imgedit-crop:before { @@ -1053,7 +1046,6 @@ display: block; } -#poststuff .imgedit-group-top h3, /* Back-compat for pre-4.4 */ #poststuff .imgedit-group-top h2 { display: inline-block; margin: 0; @@ -1074,7 +1066,11 @@ .imgedit-help { display: none; - font-style: italic; + padding-bottom: 8px; +} + +.imgedit-help.imgedit-restore { + padding-bottom: 0; } /* higher specificity than buttons */ @@ -1131,28 +1127,40 @@ margin: 8px 0; } +.imgedit-save-target legend { + font-weight: 600; +} + .imgedit-group { margin-bottom: 8px; padding: 10px; } +.imgedit-settings .imgedit-original-dimensions { + display: inline-block; +} + .imgedit-settings .imgedit-scale input[type="text"], .imgedit-settings .imgedit-crop-ratio input[type="text"], .imgedit-settings .imgedit-crop-sel input[type="text"] { - width: 50px; + width: 80px; font-size: 14px; - padding: 5px 8px; + padding: 0 8px; } .imgedit-separator { display: inline-block; width: 7px; text-align: center; - vertical-align: middle; font-size: 13px; color: #444; } +.imgedit-settings .imgedit-scale-button-wrapper { + margin-top: 0.3077em; + display: block; +} + .imgedit-settings .imgedit-scale .button { margin-bottom: 0; } @@ -1167,6 +1175,10 @@ max-width: 100%; } +.mejs-container .mejs-controls { + box-sizing: border-box; +} + /* =Media Queries -------------------------------------------------------------- */ @@ -1184,7 +1196,7 @@ @media screen and (max-width: 782px) { .wp_attachment_details label[for="content"] { font-size: 14px; - line-height: 1.5em; + line-height: 1.5; } .media-upload-form .media-item.error, @@ -1204,13 +1216,20 @@ .imgedit-settings .imgedit-scale input[type="text"], .imgedit-settings .imgedit-crop-ratio input[type="text"], .imgedit-settings .imgedit-crop-sel input[type="text"] { - width: 60px; font-size: 16px; padding: 6px 10px; } - .imgedit-applyto .imgedit-label { - vertical-align: middle; + .wp_attachment_holder .imgedit-wrap .imgedit-panel-content, + .wp_attachment_holder .imgedit-wrap .imgedit-settings { + float: none; + width: auto; + max-width: none; + padding-bottom: 16px; + } + + .copy-to-clipboard-container .success { + font-size: 14px; } } @@ -1250,10 +1269,6 @@ height: 40px; } - .upload-php .media-modal-close .media-modal-icon { - margin: 9px 10px; - } - .edit-attachment-frame .edit-media-header .right:before, .edit-attachment-frame .edit-media-header .left:before { line-height: 40px !important;