Untangling: Fix border colors in sidebar notices (#37052)

Automattic · Apr 24, 2024 · a8797a5 · a8797a5
1 parent e67ec35
commit a8797a5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 3 deletions.
diff --git a/projects/packages/jetpack-mu-wpcom/changelog/fix-untanglined-sidebar-notice-border b/projects/packages/jetpack-mu-wpcom/changelog/fix-untanglined-sidebar-notice-border
@@ -0,0 +1,5 @@
+Significance: patch
+Type: fixed
+Comment: Fixed a WP.com only issue on the sidebar notices
+
+
diff --git a/projects/packages/jetpack-mu-wpcom/src/features/wpcom-site-menu/wpcom-site-menu.js b/projects/packages/jetpack-mu-wpcom/src/features/wpcom-site-menu/wpcom-site-menu.js
@@ -22,9 +22,7 @@ const wpcomShowSidebarNotice = () => {
 						<div class="upsell_banner">
 							<div class="upsell_banner__icon dashicons" aria-hidden="true"></div>
 							<div class="upsell_banner__text">${ wpcomSidebarNotice.text }</div>
-							<button type="button" class="upsell_banner__action button button-primary">${
-								wpcomSidebarNotice.action
-							}</button>
+							<button type="button" class="upsell_banner__action button">${ wpcomSidebarNotice.action }</button>
 							${
 								wpcomSidebarNotice.dismissible === '1'
 									? '<button type="button" class="upsell_banner__dismiss button button-link">' +

diff --git a/projects/packages/jetpack-mu-wpcom/src/features/wpcom-site-menu/wpcom-site-menu.scss b/projects/packages/jetpack-mu-wpcom/src/features/wpcom-site-menu/wpcom-site-menu.scss
@@ -95,6 +95,7 @@
 		cursor: pointer;
 		min-height: 32px;
 		margin-bottom: 0;
+		border: 0;
 	}
 
 	.upsell_banner__dismiss {