From 597f4a529bfc3561d8aeedf1fd07bb3eea534743 Mon Sep 17 00:00:00 2001 From: Sainath Poojary Date: Fri, 15 Nov 2024 20:27:33 +0530 Subject: [PATCH 1/2] fix: resolve horizontal overflow in customizer panel Prevent horizontal scrolling caused by overflow in the customizer panel by adjusting overflow-x to hidden. --- src/wp-admin/css/customize-controls.css | 1 + 1 file changed, 1 insertion(+) diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css index 59905ea902347..394aa51059454 100644 --- a/src/wp-admin/css/customize-controls.css +++ b/src/wp-admin/css/customize-controls.css @@ -694,6 +694,7 @@ body.trashing #publish-settings { height: auto; max-height: none; overflow: auto; + overflow-x: hidden; transform: none; } From 2198440278b569aa6ce0df659aafa9a16f5cb29c Mon Sep 17 00:00:00 2001 From: Sainath Poojary Date: Fri, 15 Nov 2024 21:31:32 +0530 Subject: [PATCH 2/2] Customize: Add box-sizing: border-box to accordion trigger button Fixes overflow issue in customizer by applying box-sizing: border-box for consistent button sizing. --- src/wp-admin/css/customize-controls.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/wp-admin/css/customize-controls.css b/src/wp-admin/css/customize-controls.css index 394aa51059454..931d1644268f2 100644 --- a/src/wp-admin/css/customize-controls.css +++ b/src/wp-admin/css/customize-controls.css @@ -564,6 +564,7 @@ body.trashing #publish-settings { padding: 10px 10px 11px 14px; display: flex; align-items: center; + box-sizing: border-box; } .accordion-section-title button.accordion-trigger:has(.menu-in-location) { @@ -694,7 +695,6 @@ body.trashing #publish-settings { height: auto; max-height: none; overflow: auto; - overflow-x: hidden; transform: none; }