Greetings to everyone who updated WordPress to version 6.8 and discovered the most god-awful interface I’ve ever seen in my life — that ridiculous split-line between the editor and meta fields.
It took about 5 seconds for it to piss me off so badly that I immediately fixed it with some admin CSS.
This is a temporary workaround, but I wanted to share it for anyone who wants to save their sanity right now.
So, here’s the code you need to insert into your functions.php:
add_action('admin_head', function () {
echo '<style>
.edit-post-meta-boxes-main.is-resizable {
height: auto !important;
min-height: 100% !important;
max-height: 900% !important;
overflow: visible !important;
}
.components-resizable-box__container.editor-resizable-editor {
height: auto !important;
}
.editor-visual-editor {
overflow: visible !important;
}
.edit-post-meta-boxes-main__presenter {
display: none !important;
}
:root :where(.editor-styles-wrapper)::after {
height: 10vh !important;
}
.block-editor-iframe__scale-container iframe {
min-height: 920px;
}
</style>';
});When creating a new post for the first time, you might see a double scrollbar on the right — not very pretty, but after publishing or refreshing the page, it will disappear, and the full post content will be visible without scrollbar.