@@ -288,7 +288,7 @@ require_once ABSPATH . 'wp-admin/admin-header.php';
printf(
/* translators: %s: WordPress 5.9 Field Guide link. */
__( 'Check out the latest version of the WordPress Field Guide. It highlights developer notes for each change you may want to be aware of.
WordPress 5.9 Field Guide.' ),
- 'https://make.wordpress.org/core/2022/01/04/wordpress-5-9-field-guide/'
+ 'https://make.wordpress.org/core/2022/01/10/wordpress-5-9-field-guide/'
);
?>
diff --git a/src/wp-admin/css/about.css b/src/wp-admin/css/about.css
index 3bc9a9362d..eff4e2940c 100644
--- a/src/wp-admin/css/about.css
+++ b/src/wp-admin/css/about.css
@@ -141,8 +141,7 @@
}
.about__section .column:not(.is-edge-to-edge) {
- padding-left: var(--gap);
- padding-right: var(--gap);
+ padding: var(--gap);
}
.about__section + .about__section .is-section-header {
@@ -209,7 +208,8 @@
}
.about__section.has-gutters {
- gap: calc(var(--gap) / 2);
+ gap: var(--gap);
+ margin-bottom: calc(var(--gap) * 2);
}
.about__section.has-2-columns {
@@ -331,14 +331,16 @@
padding-bottom: var(--gap);
}
- .about__section .column:not(.is-edge-to-edge) + .column {
- padding-top: 0;
+ .about__section.has-2-columns.has-gutters.is-wider-right,
+ .about__section.has-2-columns.has-gutters.is-wider-left,
+ .about__section.has-3-columns.has-gutters {
+ margin-bottom: calc(var(--gap) * 2);
}
.about__section.has-2-columns.has-gutters .column,
.about__section.has-2-columns.has-gutters .column,
.about__section.has-3-columns.has-gutters .column {
- margin-bottom: calc(var(--gap) / 2);
+ margin-bottom: var(--gap);
}
.about__section.has-2-columns.has-gutters .column:last-child,
@@ -397,21 +399,25 @@
@media screen and (max-width: 600px) {
.about__section.has-2-columns {
display: block;
+ margin-bottom: var(--gap);
+ }
+
+ .about__section.has-2-columns:not(.has-gutters) .column:nth-of-type(n) {
+ padding-top: calc(var(--gap) / 2);
padding-bottom: calc(var(--gap) / 2);
}
+ .about__section.has-2-columns.has-gutters {
+ margin-bottom: calc(var(--gap) * 2);
+ }
+
.about__section.has-2-columns.has-gutters .column {
- margin-bottom: calc(var(--gap) / 2);
+ margin-bottom: var(--gap);
}
.about__section.has-2-columns.has-gutters .column:last-child {
margin-bottom: 0;
}
-
- .about__section.has-2-columns .column:nth-of-type(n) {
- padding-top: calc(var(--gap) / 2);
- padding-bottom: calc(var(--gap) / 2);
- }
}
@media screen and (max-width: 480px) {
@@ -610,8 +616,8 @@
}
.freedoms-php .about__header::before {
- top: 32px;
- right: 0;
+ top: calc(50% - 182px);
+ right: 32px;
width: 375px;
height: 300px;
background-image: url('../images/about-header-freedoms.svg');
@@ -619,8 +625,7 @@
.privacy-php .about__header::before {
top: auto;
- bottom: 70px;
- height: 245px;
+ bottom: -16px;
background-image: url('../images/about-header-privacy.svg');
}
@@ -654,8 +659,8 @@
.freedoms-php .about__header-title,
.freedoms-php .about__header-text {
- /* 391px = 375px (balloon width) + 16px (spacing). */
- padding-right: 391px;
+ /* 423px = 375px (balloon width) + 32px (offset from edge) + 16px (spacing). */
+ padding-right: 423px;
margin-right: 0;
}
@@ -721,12 +726,14 @@
}
.freedoms-php .about__header::before {
+ top: calc(50% - 132px);
height: 192px;
width: 240px;
}
.privacy-php .about__header::before {
- height: 196px;
+ bottom: 0;
+ height: 280px;
}
.about__container .about__header-text {
diff --git a/src/wp-admin/images/about-header-freedoms.svg b/src/wp-admin/images/about-header-freedoms.svg
index 84e914fa07..2b1f539437 100644
--- a/src/wp-admin/images/about-header-freedoms.svg
+++ b/src/wp-admin/images/about-header-freedoms.svg
@@ -1,21 +1,18 @@
-