Override masterbar to show quick links on Atomic sites (#18791)

projects/plugins/jetpack/modules/masterbar/admin-menu/admin-menu.css

@@ -236,6 +236,7 @@
 	.auto-fold #adminmenuback,
 	.auto-fold #adminmenuwrap {
 		width: 100%;
+		z-index: 171;
 	}
 
 	ul#adminmenu a.wp-has-current-submenu:after,
@@ -274,7 +275,7 @@
 	color: #ffffff;
 }
 
-#wpadminbar ul#wp-admin-bar-root-default {
+#wpadminbar .quicklinks ul#wp-admin-bar-root-default {
 	padding-left: 0 !important;
 }
 
@@ -283,7 +284,7 @@
 }
 
 @media screen and (max-width: 782px) {
-	#wp-toolbar > ul > li {
+	#wpadminbar #wp-toolbar > ul > li {
 		display: block;
 	}
 
@@ -293,19 +294,35 @@
 	}
 
 	#wpadminbar #wp-admin-bar-ab-new-post > .ab-item {
-		box-sizing: inherit;
+		box-sizing: inherit !important;
 	}
 
 	#wpadminbar #wp-admin-bar-my-account > .ab-item {
 		padding: 7px 15px;
 		width: auto;
 	}
 
-	#wpadminbar .quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+	#wpadminbar #wp-toolbar.quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
 		display: block;
 		right: auto;
 		left: auto;
 		position: static;
 		margin-top: 3px;
+		top: 13px;
+	}
+
+	/* Hide debug bar. */
+	#wpadminbar #wp-toolbar.quicklinks li#wp-admin-bar-debug-bar {
+		display: none;
+	}
+}
+
+@media screen and  (max-width: 480px) {
+	#wpadminbar #wp-toolbar.quicklinks li#wp-admin-bar-my-account.with-avatar > a {
+		width: auto;
+	}
+
+	#wpadminbar #wp-toolbar.quicklinks li#wp-admin-bar-my-account.with-avatar > a img {
+		margin-top: 12px;
 	}
 }

projects/plugins/jetpack/modules/masterbar/masterbar/overrides.css

@@ -134,6 +134,7 @@
 	.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar li#wp-admin-bar-newdash {
 		order: 3;
 	}
+
 	#wpadminbar #wp-admin-bar-jetpack-scan-notice,
 	.jetpack-masterbar #wpadminbar #wp-admin-bar-recovery-mode {
 		display: none;