diff -r 3d4e9c994f10 -r a86126ab1dd4 wp/wp-admin/css/edit.css --- a/wp/wp-admin/css/edit.css Tue Oct 22 16:11:46 2019 +0200 +++ b/wp/wp-admin/css/edit.css Tue Dec 15 13:49:49 2020 +0100 @@ -71,7 +71,8 @@ color: #72777c; position: absolute; font-size: 1.7em; - padding: 11px 10px; + padding: 10px; + pointer-events: none; } input#link_description, @@ -89,8 +90,8 @@ #edit-slug-box, #comment-link-box { - line-height: 24px; - min-height: 25px; /* Yes, line-height + 1 */ + line-height: 1.84615384; + min-height: 25px; margin-top: 5px; padding: 0 10px; color: #666; @@ -146,14 +147,26 @@ } /* Post Screen */ -#post-body #normal-sortables { - min-height: 50px; + +/* Only highlight drop zones when dragging and only in the 2 columns layout. */ +.is-dragging-metaboxes .metabox-holder .postbox-container .meta-box-sortables { + outline: 3px dashed #606a73; + /* Prevent margin on the child from collapsing with margin on the parent. */ + display: flow-root; + /* + * This min-height is meant to limit jumpiness while dragging. It's equivalent + * to the minimum height of the sortable-placeholder which is given by the height + * of a collapsed post box (36px + 1px top and bottom borders) + the placeholder + * bottom margin (20px) + 2 additional pixels to compensate browsers rounding. + */ + min-height: 60px; + margin-bottom: 20px; } .postbox { position: relative; min-width: 255px; - border: 1px solid #e5e5e5; + border: 1px solid #ccd0d4; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); background: #fff; } @@ -186,7 +199,7 @@ #side-sortables .add-menu-item-tabs li, .wp-tab-bar li { display: inline; - line-height: 1.35em; + line-height: 1.35; } .no-js .category-tabs li.hide-if-no-js { @@ -309,7 +322,7 @@ #post-status-info { width: 100%; border-spacing: 0; - border: 1px solid #e5e5e5; + border: 1px solid #ccd0d4; border-top: none; background-color: #f7f7f7; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.04); @@ -360,7 +373,7 @@ .wp-editor-expand #wp-content-editor-tools { z-index: 1000; - border-bottom: 1px solid #e5e5e5; + border-bottom: 1px solid #ccd0d4; } .wp-editor-expand #wp-content-editor-container { @@ -377,7 +390,7 @@ } .wp-editor-expand #post-status-info { - border-top: 1px solid #e5e5e5; + border-top: 1px solid #ccd0d4; } .wp-editor-expand div.mce-toolbar-grp { @@ -418,16 +431,15 @@ } #timestampdiv select { - height: 21px; - line-height: 14px; - padding: 0; vertical-align: top; font-size: 12px; + line-height: 2.33333333; /* 28px */ } #aa, #jj, #hh, #mn { - padding: 1px; + padding: 6px 1px; font-size: 12px; + line-height: 1.16666666; /* 14px */ } #jj, #hh, #mn { @@ -448,14 +460,17 @@ #post-body #visibility:before, .curtime #timestamp:before, #post-body .misc-pub-revisions:before, -span.wp-media-buttons-icon:before { +#post-body .misc-pub-response-to:before, +#post-body .misc-pub-comment-status:before { color: #82878c; } #post-body .misc-pub-post-status:before, #post-body #visibility:before, .curtime #timestamp:before, -#post-body .misc-pub-revisions:before { +#post-body .misc-pub-revisions:before, +#post-body .misc-pub-response-to:before, +#post-body .misc-pub-comment-status:before { font: normal 20px/1 dashicons; speak: none; display: inline-block; @@ -466,7 +481,8 @@ -moz-osx-font-smoothing: grayscale; } -#post-body .misc-pub-post-status:before { +#post-body .misc-pub-post-status:before, +#post-body .misc-pub-comment-status:before { content: "\f173"; } @@ -484,9 +500,13 @@ content: "\f321"; } +#post-body .misc-pub-response-to:before { + content: "\f101"; +} + #timestampdiv { padding-top: 5px; - line-height: 23px; + line-height: 1.76923076; } #timestampdiv p { @@ -494,8 +514,6 @@ } #timestampdiv input { - border-width: 1px; - border-style: solid; text-align: center; } @@ -580,7 +598,7 @@ float: left; margin-right: 25px; font-size: 13px; - line-height: 1.8em; + line-height: 1.8; cursor: default; max-width: 100%; overflow: hidden; @@ -612,6 +630,10 @@ padding: 8px 10px; } +#poststuff .stuffbox > h2 { + border-bottom: 1px solid #eee; +} + #poststuff .inside { margin: 6px 0 0 0; } @@ -625,11 +647,6 @@ max-width: 100%; } -.ie8 #poststuff .inside #parent_id, -.ie8 #poststuff .inside #page_template { - width: 250px; -} - .post-attributes-label-wrapper { margin-bottom: 0.5em; } @@ -639,8 +656,9 @@ font-weight: 600; } -#post-visibility-select { - line-height: 1.5em; +#post-visibility-select, +#comment-status-radio { + line-height: 1.5; margin-top: 3px; } @@ -655,6 +673,12 @@ margin-bottom: 20px; } +.wp_attachment_details .attachment-content-description { + margin-top: 0.5385em; + display: inline-block; + min-height: 1.6923em; +} + /* Suggested text for privacy policy */ .wp-privacy-policy-guide { max-width: 1000px; @@ -700,17 +724,30 @@ } .text-removed .policy-text { - font-style: italic; color: #666; font-weight: 600; } .privacy-text-actions { + display: inline-block; + width: 100%; height: 32px; - line-height: 32px; + line-height: 2.46153846; padding-bottom: 6px; } +.privacy-text-actions .success { + display: none; + color: #40860a; + float: right; + padding-right: 1em; +} + +.privacy-text-actions .success.visible { + display: inline-block; + height: 32px; +} + .wp-privacy-policy-guide .policy-text h2 { margin: 1.2em 0 1em; padding: 0; @@ -720,22 +757,62 @@ font-style: italic; } -.privacy-text-section a.return-to-top { +.privacy-text-section .return-to-top { float: right; margin-right: -250px; margin-top: 6px; } +#wpbody:target:before { + content: ""; + display: block; + padding-top: 50px; + margin-top: -50px; +} + +.hide-privacy-policy-tutorial { + background-color: #fff; +} + +.hide-privacy-policy-tutorial .wp-policy-help, /* For back-compat, see #49282 */ .hide-privacy-policy-tutorial .privacy-policy-tutorial { - visibility: hidden; + display: none; +} + +.policy-text { + margin-bottom: 1em; } -.wp-suggested-text p { - font-style: italic; +.policy-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help), +.policy-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) { + background-color: #fff; + margin: 0; + padding: 1em; +} + +.policy-text > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) + *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help), +.policy-text div > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) + *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) { + padding-top: 0; } -.wp-suggested-text p.privacy-policy-tutorial { - font-style: normal; +.hide-privacy-policy-tutorial > *:not(h1):not(h2):not(h3):not(h4):not(h5):not(h6):not(div):not(.privacy-policy-tutorial):not(.wp-policy-help) { + margin: 1em 0; + padding: 0; +} + +.policy-text ul li, +.policy-text ol li { + margin-left: 2em; +} + +.policy-text ul { + list-style: disc; +} + +strong.wp-policy-help, /* For back-compat, see #49282 */ +strong.privacy-policy-tutorial { + display: block; + margin: 0 0 1em; } .notice.wp-pp-notice { @@ -878,11 +955,11 @@ } a.post-format-icon:hover:before { - color: #00a0d2; + color: #006799; } #post-formats-select { - line-height: 2em; + line-height: 2; } #post-formats-select .post-format-icon::before { @@ -976,6 +1053,11 @@ display: none; } +div.tabs-panel-active:focus { + box-shadow: inset 0 0 0 1px #5b9dd9, inset 0 0 2px 1px rgba(30, 140, 190, 0.8); + outline: 0 none; +} + #front-page-warning, #front-static-pages ul, ul.export-filters, @@ -990,7 +1072,7 @@ ul.categorychecklist li { margin: 0; padding: 0; - line-height: 22px; + line-height: 1.69230769; word-wrap: break-word; } @@ -1020,6 +1102,11 @@ width: 95%; } +.form-field select, +.form-field p { + max-width: 95%; +} + p.description, .form-wrap p { margin: 2px 0 5px; @@ -1031,7 +1118,10 @@ span.description, .form-wrap p { font-size: 13px; - font-style: italic; +} + +p.description code { + font-style: normal; } .form-wrap .form-field { @@ -1039,10 +1129,6 @@ padding: 0; } -.form-wrap .form-field #parent { - max-width: 100%; -} - .col-wrap h2 { margin: 12px 0; font-size: 1.1em; @@ -1109,6 +1195,14 @@ margin: 2px 0 12px; } +#poststuff .inside .the-tagcloud { + margin: 5px 0 10px; + padding: 8px; + border: 1px solid #ddd; + line-height: 1.2; + word-spacing: 3px; +} + .the-tagcloud ul { margin: 0; } @@ -1151,6 +1245,11 @@ text-decoration: underline; } +#addtag .spinner { + float: none; + vertical-align: top; +} + #edittag { max-width: 800px; } @@ -1200,7 +1299,7 @@ .trash-undo-inside, .spam-undo-inside { margin: 1px 8px 1px 0; - line-height: 16px; + line-height: 1.23076923; } .spam-undo-inside .avatar, @@ -1366,6 +1465,49 @@ } } +/* + * The edit attachment screen auto-switches to one column layout when the + * viewport is smaller than 1200 pixels. + */ +@media only screen and (max-width: 1200px) { + .post-type-attachment #poststuff { + min-width: 0; + } + + .post-type-attachment #wpbody-content #poststuff #post-body { + margin: 0; + } + + .post-type-attachment #wpbody-content #post-body.columns-2 #postbox-container-1 { + margin-right: 0; + width: 100%; + } + + .post-type-attachment #poststuff #postbox-container-1 .empty-container, + .post-type-attachment #poststuff #postbox-container-1 #side-sortables:empty { + outline: none; + height: 0; + min-height: 0; + } + + .post-type-attachment #poststuff #post-body.columns-2 #side-sortables { + min-height: 0; + width: auto; + } + + .is-dragging-metaboxes.post-type-attachment #post-body .meta-box-sortables { + outline: none; + min-height: 0; + margin-bottom: 0; + } + + /* hide the radio buttons for column prefs */ + .post-type-attachment .screen-layout, + .post-type-attachment .columns-prefs { + display: none; + } +} + /* one column on the post write/edit screen */ @media only screen and (max-width: 850px) { #poststuff { @@ -1383,7 +1525,6 @@ #poststuff #postbox-container-1 .empty-container, #poststuff #postbox-container-1 #side-sortables:empty { - border: 0 none; height: 0; min-height: 0; } @@ -1393,6 +1534,15 @@ width: auto; } + /* Increase min-height while dragging for the #side-sortables and any potential sortables area with custom ID. */ + .is-dragging-metaboxes #poststuff #postbox-container-1 .empty-container, + .is-dragging-metaboxes #poststuff #postbox-container-1 #side-sortables:empty, + .is-dragging-metaboxes #poststuff #post-body.columns-2 #side-sortables, + .is-dragging-metaboxes #poststuff #post-body.columns-2 .meta-box-sortables { + height: auto; + min-height: 60px; + } + /* hide the radio buttons for column prefs */ .screen-layout, .columns-prefs { @@ -1570,7 +1720,7 @@ button.wp-switch-editor { font-size: 16px; - line-height: 1em; + line-height: 1; margin: 7px 0 0 7px; padding: 8px 12px; } @@ -1606,7 +1756,7 @@ #delete-action, #publishing-action { - line-height: 47px; + line-height: 3.61538461; } #publishing-action .spinner { @@ -1642,10 +1792,11 @@ float: none; width: auto; height: 100%; + display: flex; + flex-direction: column; } - .privacy-text-section a.return-to-top { - float: none; - margin: 0; + .privacy-text-section .return-to-top { + margin: 2em 0 0; } }