style.scss

.edit-post-layout__metaboxes {
	flex-shrink: 0;
}
.edit-post-layout__metaboxes:not(:empty) {
	border-top: $border-width solid $light-gray-500;
	padding: 10px 0 10px;
	clear: both;

	.edit-post-meta-boxes-area {
		margin: auto 20px;
	}
}

// Adjust the position of the notices
.edit-post-layout .components-editor-notices__snackbar {
	position: fixed;
	right: 0;
	bottom: 20px;
	padding-left: 16px;
	padding-right: 16px;
}
@include editor-left(".edit-post-layout .components-editor-notices__snackbar");

.edit-post-layout .editor-post-publish-panel {
	position: fixed;
	z-index: z-index(".edit-post-layout .edit-post-post-publish-panel");
	top: $admin-bar-height-big;
	bottom: 0;
	right: 0;
	left: 0;
	overflow: auto;

	@include break-medium() {
		z-index: z-index(".edit-post-layout .edit-post-post-publish-panel-break-medium");
		top: $admin-bar-height;
		left: auto;
		width: $sidebar-width;
		border-left: $border-width solid $light-gray-500;
		transform: translateX(+100%);
		animation: edit-post-post-publish-panel__slide-in-animation 0.1s forwards;
		@include reduce-motion("animation");

		body.is-fullscreen-mode & {
			top: 0;
		}

		// Keep it open on focus to avoid conflict with navigate-regions animation.
		.is-focusing-regions & {
			transform: translateX(0%);
		}
	}
}

@keyframes edit-post-post-publish-panel__slide-in-animation {
	100% {
		transform: translateX(0%);
	}
}

.block-editor-editor-skeleton__sidebar > div {
	height: 100%;
}

.edit-post-layout .editor-post-publish-panel__header-publish-button {
	justify-content: center;
}


.edit-post-layout__toggle-publish-panel,
.edit-post-layout__toogle-sidebar-panel {
	z-index: z-index(".edit-post-layout__toogle-sidebar-panel");
	position: fixed !important; // Need to override the default relative positionning
	top: -9999em;
	bottom: auto;
	left: auto;
	right: 0;
	width: $sidebar-width;
	background-color: $white;
	border: 1px dotted $light-gray-500;
	height: auto !important; // Need to override the default sidebar positionnings
	padding: $grid-unit-30;
	display: flex;
	justify-content: center;

	.block-editor-editor-skeleton__publish:focus &,
	.block-editor-editor-skeleton__publish:focus-within &,
	.block-editor-editor-skeleton__sidebar:focus &,
	.block-editor-editor-skeleton__sidebar:focus-within & {
		top: auto;
		bottom: 0;
	}
}

.edit-post-layout__footer {
	display: none;
	z-index: z-index(".edit-post-layout__footer");

	// Stretch to mimic outline padding on desktop.
	@include break-medium() {
		display: flex;
		background: $white;
		height: $footer-height;
		align-items: center;
		font-size: $default-font-size;
		padding: 0 ($grid-unit-15 + 6px);
	}
}

.edit-post-layout .block-editor-editor-skeleton__content {
	background-color: $light-gray-700;
}