styles.css

.ob-table-enhancer-row-bar {
	display: flex;
	position: absolute;
	width: fit-content;
	max-width: 3em;
	flex-wrap: wrap;
	transition: opacity 200ms ease-in-out;
}

.ob-table-enhancer-col-bar {
	display: flex;
	position: absolute;
	height: fit-content;
	padding-bottom: 3px;
	transition: opacity 200ms ease-in-out;
}

.ob-table-enhancer-row-bar-button {
	display: flex;
	width: fit-content;
	height: fit-content;
	padding: 0 2px;
	margin: 0;
	filter: brightness(0.5);
	transition: all 200ms ease-in-out;
}

.ob-table-enhancer-row-bar-button:hover, .ob-table-enhancer-col-bar-button:hover {
	filter: brightness(1);
}

.ob-table-enhancer-col-bar-button {
	display: flex;
	width: fit-content;
	height: fit-content;
	padding: 5px 2px 0 0;
	margin: 0;
	filter: brightness(0.5);
	transition: all 200ms ease-in-out;
}

div.ob-table-enhancer.button-menu {
	display: flex;
	flex-wrap: wrap;
	max-width: 180px;
}

div.ob-table-enhancer.button-menu > button {
	width: 30px;
	height: 26px;
	padding: 0;
}

.table-generator-container {
	display: flex;
	flex-flow: row wrap;
	max-width: 150px;
	align-content: flex-start;
	padding-top: 5px;
	padding-left: 3px;
}

.table-generator-grid {
	width: 15px;
	height: 15px;
	background-color: var(--interactive-normal);
	margin: 3px;
	border-radius: 3px;
}

.table-generator-grid.select {
	background-color: var(--interactive-accent);
	opacity: 1;
}

.table-generator-counter {
	display: block;
	text-align: center;
}

.table-height-adjust th, .table-height-adjust tr {
	/** 防止单元格太窄不方便点击 */
	height: 1.5em !important;
}

body {
	--layer-tooltip: 2000;
}