A calm place to write long-form, and publish it to the open social web.
skypress.blog/
Merge branch 'editor-header-padding-fixes' into trunk
author
Jeremy Herve
date
(Jun 9, 2026, 5:12 PM +0200)
commit
6fe05ff5
6fe05ff50029d34f1d8d71ff1df8a0bf5af5ba2d
parent
a56afb10
a56afb10751a7678bd882f02a8fc34107ef5f61b
+12
-7
+12
-7
src/styles/editor-chrome.css
+12
-7
src/styles/editor-chrome.css
···
294
294
box-shadow: var(--shadow);
295
295
}
296
296
/* With `has-fixed-toolbar`, the fixed toolbar sits at the top of the layout,
297
-
flush against the framed surface's top edge. Space it down so it isn't
298
-
pinned to the border. (The `.edit-post-visual-editor` rule below only spaces
299
-
the content beneath the toolbar.) */
300
-
.skypress-editor .iso-editor .edit-post-layout.has-fixed-toolbar {
297
+
flush against the framed surface's top edge. Pad the header region (which
298
+
holds the toolbar) so the tools aren't pinned to the border. Keeping the
299
+
breathing room on the header — rather than on the layout root or the content
300
+
below — gives a single, predictable source of top spacing. */
301
+
.skypress-editor .iso-editor .interface-interface-skeleton__header {
301
302
padding-top: 1rem;
302
303
}
303
304
.skypress-editor .iso-editor .edit-post-visual-editor {
304
305
background-color: transparent;
305
-
/* Breathing room above the first block so the toolbar isn't flush to the
306
-
top edge of the framed surface. */
307
-
padding-top: 0.5rem;
308
306
}
309
307
/* Gutenberg sets `background: white` inline on the device-preview wrapper;
310
308
only !important lets the paper surface show through (esp. in dark mode). */
···
337
335
.skypress-editor .iso-editor .block-editor-block-contextual-toolbar {
338
336
padding-left: 0.75rem;
339
337
padding-right: 0.75rem;
338
+
}
339
+
/* The "Show/Hide block tools" collapse toggle (`<<`/`>>`). The header toolbar
340
+
stacks its rows vertically, so this toggle lands orphaned on its own line —
341
+
and it's redundant here anyway: the block tools auto-expand whenever a block
342
+
is selected, so the toggle never has a useful effect. Hide it. */
343
+
.skypress-editor .iso-editor .edit-post-header__block-tools-toggle {
344
+
display: none;
340
345
}
341
346
342
347
.skypress-editor__status {