Admin bar: fix icon colors on site frontend (#39014)

Automattic · Aug 23, 2024 · ba27cab · ba27cab
1 parent 58080fd
commit ba27cab
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 5 deletions.
diff --git a/projects/packages/jetpack-mu-wpcom/changelog/fix-frontend-icon-color b/projects/packages/jetpack-mu-wpcom/changelog/fix-frontend-icon-color
@@ -0,0 +1,4 @@
+Significance: patch
+Type: fixed
+
+Admin bar: fix icon colors on site frontend
diff --git a/projects/packages/jetpack-mu-wpcom/src/features/wpcom-admin-bar/wpcom-admin-bar.php b/projects/packages/jetpack-mu-wpcom/src/features/wpcom-admin-bar/wpcom-admin-bar.php
@@ -83,7 +83,7 @@ function wpcom_enqueue_admin_bar_assets() {
 		);
 	}
 
-	$admin_color      = get_user_option( 'admin_color' );
+	$admin_color      = is_admin() ? get_user_option( 'admin_color' ) : 'fresh';
 	$admin_icon_color = WPCOM_ADMIN_ICON_COLORS[ $admin_color ] ?? WPCOM_ADMIN_ICON_COLORS['fresh'];
 
 	// Force the icon colors to have desktop color even on mobile viewport.

diff --git a/projects/packages/jetpack-mu-wpcom/src/features/wpcom-admin-bar/wpcom-admin-bar.scss b/projects/packages/jetpack-mu-wpcom/src/features/wpcom-admin-bar/wpcom-admin-bar.scss
@@ -179,11 +179,8 @@
 
 			#wp-admin-bar-help-center {
 				display: block !important;
-				width: 52px !important;
+				width: 49px !important;
 				margin-right: 0 !important;
-				.ab-item {
-					width: 52px;
-				}
 			}
 
 			#wp-admin-bar-notes {