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

OpenUI5 UI Library sap.m

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

// header shadow - different states
@_sap_m_MessageBox_HeaderShadow: inset 0 -0.125rem;
@_sap_m_MessageBox_InformationShadow: @_sap_m_MessageBox_HeaderShadow @sapUiInformationBorder;
@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow @sapUiWarningBorder;
@_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow @sapUiErrorBorder;
@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow @sapUiSuccessBorder;
@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow @sapUiContentHeaderShadow;

.sapMMessageBoxLinkText {
	vertical-align: bottom;
}

.sapMMessageBoxLinkText,
.sapMMessageBoxErrorText,
.sapMMessageBoxDetails {
	margin-top: 1rem;
}

.sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
	color: @sapUiNeutralElement;
}

.sapMDialog.sapMMessageBoxWarning .sapMDialogIcon.sapUiIcon {
	color: @sapUiCriticalElement;
}

.sapMDialog.sapMMessageBoxError .sapMDialogIcon.sapUiIcon {
	color: @sapUiNegativeElement;
}

.sapMDialog.sapMMessageBoxSuccess .sapMDialogIcon.sapUiIcon {
	color: @sapUiPositiveElement;
}

.sapMDialog.sapMMessageBoxQuestion .sapMDialogIcon.sapUiIcon {
	color: @sapUiNeutralElement;
}

.sapMDialog.sapMMessageDialog {
	&.sapMMessageBoxInfo .sapMDialogTitleGroup > .sapMBar {
		box-shadow: @_sap_m_MessageBox_InformationShadow;
	}
	&.sapMMessageBoxWarning .sapMDialogTitleGroup > .sapMBar {
		box-shadow: @_sap_m_MessageBox_WarningShadow;
	}
	&.sapMMessageBoxError .sapMDialogTitleGroup > .sapMBar {
		box-shadow: @_sap_m_MessageBox_ErrorShadow;
	}
	&.sapMMessageBoxSuccess .sapMDialogTitleGroup > .sapMBar {
		box-shadow: @_sap_m_MessageBox_SuccessShadow;
	}
	&.sapMMessageBoxQuestion .sapMDialogTitleGroup > .sapMBar {
		box-shadow: @_sap_m_MessageBox_QuestionShadow;
	}
}