@openui5/sap.m/src/sap/m/themes/base/ComboBoxBase.less

OpenUI5 UI Library sap.m

/* =================================== */
/* CSS for control sap.m/ComboBoxBase  */
/* Base theme                          */
/* =================================== */

.sapMComboBoxBase.sapMInputBaseHasEndIcons .sapMInputBaseInner {
	flex: 1;
}

.sapMComboBoxBase .sapMInputBaseContentWrapper {
	display: inline-flex;
}

.sapMComboBoxBase .sapMInputBaseIconContainer .sapMComboBoxBaseHideClearIcon {
	visibility: hidden;
}

/* ------------------------------ */
/* arrow                          */
/* ------------------------------ */

.sapMComboBoxBase.sapMInputBaseReadonly .sapMInputBaseIcon {
	opacity: 0;
	cursor: default;
}

.sapMInputBaseIconPressed .sapMComboBoxBaseClearIcon {
	color: var(--sapContent_IconColor);
	background: transparent;

	&:hover {
		background: var(--sapButton_Lite_Hover_Background);
	}

	&:active {
		background-color: var(--sapButton_Lite_Active_Background);
		color: var(--sapButton_Active_TextColor);

		&::before {
			color: var(--sapButton_Active_TextColor);
		}
	}
}

.sapMInputBaseIconPressed .sapMComboBoxBaseClearIcon::before {
	color: var(--sapContent_IconColor);
}

/* ------------------------------ */
/* dialog                         */
/* ------------------------------ */

div.sapMComboBoxBasePicker .sapMDialogScrollCont {
	padding: 0;
}

/* ------------------------------ */
/* list                           */
/* ------------------------------ */

.sapMComboBoxBaseList.sapUiLocalBusy {
	min-height: 2rem;
}

.sapMComboBoxBaseList .sapMSLITitleOnly {
	font-size: 0.875rem;
}

.sapMComboBoxBaseList .sapMSLI {
	height: 2.5rem;
}