diff options
Diffstat (limited to 'plugins/jetpack/modules/masterbar/overrides.css')
-rw-r--r-- | plugins/jetpack/modules/masterbar/overrides.css | 71 |
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; + } +} |