From 869800ffa6f5394f3b5f0cab355c502fdcf20243 Mon Sep 17 00:00:00 2001 From: Jb Audras Date: Mon, 19 Sep 2022 21:49:44 +0000 Subject: [PATCH] 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. git-svn-id: https://develop.svn.wordpress.org/trunk@54220 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/edit.css | 11 +++++++++++ src/wp-admin/css/site-health.css | 11 ----------- 2 files changed, 11 insertions(+), 11 deletions(-) diff --git a/src/wp-admin/css/edit.css b/src/wp-admin/css/edit.css index 7fa904ae1a..2033113664 100644 --- a/src/wp-admin/css/edit.css +++ b/src/wp-admin/css/edit.css @@ -725,6 +725,17 @@ form#tags-filter { 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; +} + /* Emulates .wrap h1 styling */ .privacy-settings-header h1, .health-check-header h1 { diff --git a/src/wp-admin/css/site-health.css b/src/wp-admin/css/site-health.css index af8a43cc51..da65a93f3d 100644 --- a/src/wp-admin/css/site-health.css +++ b/src/wp-admin/css/site-health.css @@ -280,17 +280,6 @@ are styled in the Privacy section of edit.css */ padding-left: 20px; } - -/* 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; float: none;