@openui5/sap.m/src/sap/m/themes/sap_hcb/InputBase.less

OpenUI5 UI Library sap.m

/* ================================ */
/* CSS for control sap.m/InputBase  */
/* High Contrast Black theme        */
/* ================================ */

.sapMInputBaseContentWrapper.sapMInputBaseContentWrapperState {
	border-width: 1px;
}

.sapMInputBaseDisabled,
.sapMInputBaseReadonly {
	& .sapMInputBaseContentWrapper {
		border: 1px solid @sapUiFieldReadOnlyBorderColor;
	}
}

.sapMInputBaseIcon {
	color: @sapUiContentIconColor;
	&:hover {
		background: @sapUiButtonLiteHoverBackground;
		border-left: 1px solid @sapUiFieldBorderColor;
		margin-left: -1px;
	}
	&:active {
		background-color: @sapUiToggleButtonPressedBackground;
		color: @sapUiButtonActiveTextColor;
		border-left: 1px solid @sapUiFieldBorderColor;
		margin-left: -1px;
	}
}

.sapMInputBaseIconPressed {
	& .sapMInputBaseIcon {
		border-left: 1px solid @sapUiFieldActiveBorderColor;
	}
}

.sapMInputBaseContentWrapperError {
	& .sapMInputBaseInner {
		font-weight: bold
	}
}

.sapMInputBaseContentWrapperWarning,
.sapMInputBaseContentWrapperError {
	& .sapMInputBaseInner {
		font-style: italic;
	}
}

.sapMInputBaseContentWrapperInformation {
	border-style: solid;
	
}

.sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	border-color: @sapUiFieldReadOnlyBorderColor;
	background: @sapUiFieldReadOnlyBackground;
}

.sapMInputBaseDisabled {
	opacity: 1;
}

.sapMInputBaseDisabledWrapper .sapMInputBaseInner {
	background: @sapUiFieldReadOnlyBackground;
	border-color: @sapUiFieldReadOnlyBorderColor;
	color: @sapUiContentDisabledTextColor;
	font-weight: normal;
	-webkit-text-fill-color: @sapUiContentDisabledTextColor;
}

.sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	background: @sapUiFieldReadOnlyBackground;
	border-color: @sapUiFieldReadOnlyBorderColor;
}

.sapMInputBaseInner::-webkit-input-placeholder {
	font-style: normal;
	font-weight: normal;
}

.sapMInputBaseInner::-moz-placeholder {
	font-style: normal;
	font-weight: normal;
	opacity: 1;
}

.sapMInputBasePlaceholder {
	font-style: normal;
	font-weight: normal;
}

.sapMInputBaseWarning>.sapMInputBasePlaceholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	background: @sapUiFieldBackground;
}

.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-webkit-input-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: normal;
}

.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-moz-placeholder {
	opacity: 1;
}

.sapMInputBaseContentWrapperWarning .sapMInputBaseInner::-moz-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: normal;
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-webkit-input-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: bold;
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-moz-placeholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: bold;
}

.sapMInputBaseError>.sapMInputBasePlaceholder {
	color: @sapUiFieldTextColor;
	font-style: italic;
	font-weight: bold;
}

.sapMInputBaseContentWrapperError .sapMInputBaseInner::-moz-placeholder {
	opacity: 1;
}

.sapMInputBaseInner::-moz-selection {
	background: @sapUiSelected;
	color: @sapUiContentContrastTextColor;
}

.sapMInputBaseInner::selection {
	background: @sapUiSelected;
	color: @sapUiContentContrastTextColor;
}

.sapMInputBaseContentWrapperState .sapMInputBaseInner {
	border-width: 1px;
}

.sapMInputBaseDisabledWrapper {
	background: @sapUiFieldReadOnlyBackground;
	.sapMInputBaseIcon {
		color: @sapUiContentDisabledTextColor;
	}
}

.sapMInputBaseIconPressed .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper):not(.sapMInputBaseContentWrapperState):not(.sapMInputBaseDisabledWrapper) {
	border-color: 1px solid @sapUiFieldActiveBorderColor;
}

/* List specific styles */
.sapMILI-CTX .sapMInputBaseContentWrapper,
.sapMILI-CTX .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseDisabled .sapMInputBaseInner,
.sapMILI-CTX .sapMInputBaseReadonlyWrapper .sapMInputBaseInner {
	text-align: right;
	background: transparent;
}

.sapMLIBActive {
	.sapMInputBaseInner,
	.sapMInputBaseContentWrapper {
		color: @sapUiListActiveTextColor;
		background: transparent;
	}

	.sapMInputDescriptionText {
		color: @sapUiListActiveTextColor;
	}
}

.sapMLIBActive .sapMInputBaseInner::-webkit-input-placeholder {
	color: @sapUiListActiveTextColor;
}