@openui5/sap.m
Version:
OpenUI5 UI Library sap.m
65 lines (51 loc) • 2 kB
text/less
/* ================================= */
/* 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 var(--sapInformationBorderColor);
@_sap_m_MessageBox_WarningShadow: @_sap_m_MessageBox_HeaderShadow var(--sapWarningBorderColor);
@_sap_m_MessageBox_ErrorShadow: @_sap_m_MessageBox_HeaderShadow var(--sapErrorBorderColor);
@_sap_m_MessageBox_SuccessShadow: @_sap_m_MessageBox_HeaderShadow var(--sapSuccessBorderColor);
@_sap_m_MessageBox_QuestionShadow: @_sap_m_MessageBox_HeaderShadow var(--sapNeutralBorderColor);
.sapMMessageBoxLinkText {
vertical-align: bottom;
}
.sapMMessageBoxLinkText,
.sapMMessageBoxErrorText,
.sapMMessageBoxDetails {
margin-top: 1rem;
}
.sapMDialog.sapMMessageBoxInfo .sapMDialogIcon.sapUiIcon {
color: var(--sapNeutralElementColor);
}
.sapMDialog.sapMMessageBoxWarning .sapMDialogIcon.sapUiIcon {
color: var(--sapCriticalElementColor);
}
.sapMDialog.sapMMessageBoxError .sapMDialogIcon.sapUiIcon {
color: var(--sapNegativeElementColor);
}
.sapMDialog.sapMMessageBoxSuccess .sapMDialogIcon.sapUiIcon {
color: var(--sapPositiveElementColor);
}
.sapMDialog.sapMMessageBoxQuestion .sapMDialogIcon.sapUiIcon {
color: var(--sapNeutralElementColor);
}
.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;
}
}