@openui5/sap.m
Version:
OpenUI5 UI Library sap.m
120 lines (97 loc) • 2.63 kB
text/less
/* ======================================================== */
/* CSS for control sap.m/OverflowToolbarAssociativePopover */
/* Base theme */
/* ======================================================== */
.sapMOTAPopover {
&:focus{
outline: none;
}
&.sapMOTAPButtonsWithIcons {
.sapMOTAPButtonNoIcon {
&> .sapMBtnInner > span.sapMBtnContent {
margin-left: 1.625rem;
}
}
}
&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
padding: 0.25rem 0.5rem;
/* Disappear */
&> .sapMOTAPHidden {
display: none;
}
/* All elements inside must have display block */
&> :not(.sapMOTAPHidden) {
display: block;
}
/* Button, ToggleButton, OverflowToolbarButton */
&> button.sapMBtn {
width: 100% ;
max-width: 100% ;
/* Button alignment */
&> .sapMBtnInner {
text-align: start;
}
}
/* Select */
&> div.sapMSlt {
width: auto ;
}
/* SegmentedButton - select form */
&> div.sapMSegBSelectWrapper {
width: 100% ;
&> div.sapMSlt {
width: 100% ;
max-width: 100% ;
}
}
/* ComboBox */
&> div.sapMComboBox {
width: auto ;
max-width: auto ;
}
/* SearchField */
&> div.sapMSF {
width: 100% ;
max-width: 100% ;
}
/* Input */
&> div.sapMInput {
width: 100% ;
max-width: 100% ;
}
/* DateTimeInput */
&> div.sapMDTI {
width: 100% ;
max-width: 100% ;
}
}
}
/* TODO remove after 1.62 version */
html[data-sap-ui-browser^="ie"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner,
html[data-sap-ui-browser^="ed"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner {
text-align: left;
}
/* TODO remove after 1.62 version */
html[dir=rtl][data-sap-ui-browser^="ie"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner,
html[dir=rtl][data-sap-ui-browser^="ed"] .sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll > button.sapMBtn > .sapMBtnInner {
text-align: right;
}
/* Compact mode overrides */
.sapUiSizeCompact{
.sapMOTAPopover {
&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
padding: 0.1875rem 0.375rem;
}
}
}
/* Phone mode overrides */
html.sap-phone {
.sapMOTAPopover {
overflow: hidden ;
}
}
.sapMOTAPopover {
.sapMBtnTransparent:not(.sapMBtnActive):not(.sapMToggleBtnPressed), .sapMBtnDisabled .sapMBtnTransparent {
color: @sapUiButtonTextColor;
}
}