--- 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;
}
}