| @@ -16,23 +16,28 @@ | ||
| 16 | 16 | margin-right: 0 !important; |
| 17 | 17 | } |
| 18 | 18 | |
| 19 | 19 | /** |
| 20 | - * Pre-publish panel in the block editor on mobile - duplicate Publish button. | |
| 20 | + * Pre-publish panel in the block editor - duplicate Publish button. | |
| 21 | 21 | * |
| 22 | - * Below 782px the panel is full-bleed and core anchors it at `top: 46px`, the | |
| 23 | - * height of the mobile admin bar, so it covers the editor header and its Publish | |
| 24 | - * button. Inside the Adminify frame the admin bar is hidden (above), the editor | |
| 25 | - * header moves up to the top of the iframe, and the panel's 46px gap leaves that | |
| 26 | - * header - Publish button and all - showing above the panel's own Cancel / | |
| 27 | - * Publish row. Anchor the panel to the top of the iframe so it covers the header | |
| 28 | - * the way it does in the default admin. | |
| 22 | + * Core anchors the panel below the admin bar - `top: 46px` below 782px where the | |
| 23 | + * panel is full-bleed, `top: 32px` on desktop where it is the right-hand sidebar - | |
| 24 | + * so it lines up with the editor header it is meant to cover. Inside the Adminify | |
| 25 | + * frame the admin bar is hidden (above) and the editor header moves up to the top | |
| 26 | + * of the iframe, so that gap leaves the header - Publish button and all - showing | |
| 27 | + * above the panel's own Cancel / Publish row. Anchor the panel to the top of the | |
| 28 | + * iframe at every width so it covers the header the way it does in the default | |
| 29 | + * admin. Newer core builds drive the offset from `--wp-admin--admin-bar--height`, | |
| 30 | + * so zero that too for anything else keyed to it. | |
| 29 | 31 | */ |
| 30 | -@media (max-width: 781.98px) { | |
| 31 | - html[frame-adminify-iframe=true] .editor-post-publish-panel { | |
| 32 | - top: 0; | |
| 33 | - } | |
| 32 | +html[frame-adminify-iframe=true] { | |
| 33 | + --wp-admin--admin-bar--height: 0px; | |
| 34 | 34 | } |
| 35 | + | |
| 36 | +html[frame-adminify-iframe=true] .editor-post-publish-panel { | |
| 37 | + top: 0; | |
| 38 | +} | |
| 39 | + | |
| 35 | 40 | /** |
| 36 | 41 | * Media library popup on real mobile devices - breathing room at the bottom. |
| 37 | 42 | * |
| 38 | 43 | * WordPress renders the modal full-bleed below 640px and pins its toolbar flush |
