dev

Note: After publishing, you may have to bypass your browser's cache to see the changes.

body.ese-init {
	.ese-loaded {
		display: none;
	}
	.ese-controls {
		display: flex;
		flex-wrap: wrap;
		gap: 5px;
		scroll-margin-top: 47px;
	}
	.ese-grid {
		display: flex;
		flex-direction: column;
		gap: 2px;
		flex-wrap: wrap;
		max-height: 42px;
		> a {
			height: 20px;
			width: 20px;
		}
		.ese-opt {
			margin: 0;
			width: 20px;
			height: 20px;
			text-align: center;
			font-size: 20px;
			line-height: 0.8;
			color: var(--theme-link-label-color);
			background-color: rgba(var(--theme-link-color--rgb), 0.6);
			border-radius: 3px;
			text-decoration: underline;
			user-select: none;
			cursor: pointer;
			> .ese-opt-input {
				width: 0;
				height: 0;
			}
			&:has(>input:focus) {
				outline: 2px blue solid;
				outline-offset: 0;
				box-shadow: 0 0 0 3px white;
			}
			&:has(>input:checked) {
				background-color: var(--theme-link-color);
			}
		}
	}
	:is(h1, h2, h3, h4, h5, h6):has(>span.ese-loaded) {
		display: flex;
		gap: 5px;
		align-items: center;
		clear: both;
	}
	#EmbeddedSectionEditor .oo-ui-window-body :is(.page-content, .page__main, .oo-ui-panelLayout) {
		height: 100%!important;
	}
	#EmbeddedSectionEditor .oo-ui-window-body {
		height: auto!important;
		padding: 0!important;
	}
}