Changeset 54220

Timestamp:

09/19/2022 09:49:44 PM (2 years ago)

Author:

audrasjb

Message:

General: Ensure admin notices are properly displayed on Site Health layout.

This changeset adds some CSS tweaks to ensure admin notices like the "Automated update failed" notice don't break the layout of the Site Health and Privacy Settings screens.

Props johnjamesjacoby, costdev, Clorith, audrasjb, SergeyBiryukov, joedolson.
Fixes #54624.

Location:

trunk/src/wp-admin/css

Files:

• edit.css (modified) (1 diff)
• site-health.css (modified) (1 diff)

trunk/src/wp-admin/css/edit.css

@@ -724 +724 @@
 .site-health.auto-fold #wpcontent {
     padding-left: 0;
+}
+
+/* Better position for the WordPress admin notices. */
+.privacy-settings .notice,
+.site-health .notice {
+    margin: 25px 20px 15px 22px;
+}
+
+.privacy-settings .notice ~ .notice,
+.site-health .notice ~ .notice {
+    margin-top: 5px;
 }
 

trunk/src/wp-admin/css/site-health.css

@@ -281 +281 @@
 }
 
-
-/* Better position for the WordPress admin notices and update nag. */
-.site-health .notice {
-    margin: 5px 20px 15px 22px;
-}
-
-.site-health .update-nag {
-    margin-bottom: 20px;
-    margin-left: 22px;
-}
-
 .health-check-wp-paths-sizes.spinner {
     visibility: visible;