1 files changed, 71 insertions, 0 deletions
diff --git a/plugins/jetpack/modules/masterbar/overrides.css b/plugins/jetpack/modules/masterbar/overrides.css
index a1c9a534..d6a09be0 100644
--- a/plugins/jetpack/modules/masterbar/overrides.css
+++ b/plugins/jetpack/modules/masterbar/overrides.css
@@ -59,3 +59,74 @@
 #wpadminbar .quicklinks li#wp-admin-bar-my-account #wp-admin-bar-user-info .ab-sign-out {
 	display: inline-block;
 }
+
+/* Move the admin menu toggle in Gutenberg - https://github.com/Automattic/jetpack/issues/12320 */
+.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar #wp-admin-bar-ab-new-post {
+	display: none;
+}
+
+.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar #wp-admin-bar-menu-toggle {
+	top: -4px;
+	position: relative;
+}
+
+.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar #wp-admin-bar-menu-toggle .ab-icon:before {
+	color: #fff !important;
+	font-size: 28px;
+}
+
+.jetpack-masterbar #wpadminbar #wp-admin-bar-recovery-mode {
+	background-color: #ca4a1f;
+	color: #fff;
+	margin-right: 1em;
+}
+
+@media screen and (max-width: 480px) {
+	.jetpack-masterbar.post-new-php.block-editor-page #wp-toolbar ul li {
+		flex: 1;
+		width: auto !important;
+	}
+
+	.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar ul#wp-admin-bar-root-default {
+		width: 60%;
+	}
+
+	.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar ul#wp-admin-bar-top-secondary {
+		width: 40%;
+	}
+
+	.wp-admin.jetpack-masterbar.post-new-php.block-editor-page .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle {
+		left: 0;
+	}
+}
+
+@media screen and (max-width: 782px) {
+	.wp-admin.jetpack-masterbar.post-new-php.block-editor-page .wp-responsive-open #wpadminbar #wp-admin-bar-menu-toggle {
+		left: 0 !important;
+	}
+
+	.jetpack-masterbar.post-new-php.block-editor-page #wp-toolbar,
+	.jetpack-masterbar.post-new-php.block-editor-page #wp-toolbar ul {
+		display: flex;
+	}
+
+	.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar ul#wp-admin-bar-root-default {
+		flex-grow: 1;
+	}
+
+	.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar li#wp-admin-bar-menu-toggle {
+		order: 1;
+	}
+
+	.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar li#wp-admin-bar-blog {
+		order: 2;
+	}
+
+	.jetpack-masterbar.post-new-php.block-editor-page #wpadminbar li#wp-admin-bar-newdash {
+		order: 3;
+	}
+
+	.jetpack-masterbar #wpadminbar #wp-admin-bar-recovery-mode {
+		display: none;
+	}
+}