@nodeject/ui-components/esm/editable-label/styles.module.less

UI library for non-trivial components

@labelPadding: 6px;
@labelBorder: 2px;

.editableLabelReadMode {
	padding: @labelPadding 0;
	display: inline-block;
}

.editableLabelWriteMode:extend(.editableLabelReadMode) {
	padding: ~"calc(@{labelPadding} - @{labelBorder})";
	display: inline-block;
	background-color: white;
	border-radius: .2rem;
	border: @labelBorder solid #1ea7fd;
}

.edit {
	margin: 0rem;
	display: inline-block;
	background-color: white;
	&:focus {
		outline: 0;
	}
}

.editDisabled {
	margin: 0rem;
	display: inline-flex;
	cursor: default;
}

.editDisabledInline {
	margin: 0rem;
	&:extend(.editDisabled);
	cursor: text;
}

.editIcon {
	color: #1890ff;
	margin-left: 1em;
	cursor: pointer;
	&:hover {
		color: #40a9ff;
		transition: .4s;
	}
}