@openui5/sap.m
Version:
OpenUI5 UI Library sap.m
113 lines (92 loc) • 2.02 kB
text/less
/* ======================================================== */
/* CSS for control sap.m/OverflowToolbarAssociativePopover */
/* Base theme */
/* ======================================================== */
.sapMOTAPopover {
&:focus{
outline: none;
}
.sapMBtn .sapMBtnInner {
justify-content: flex-start;
}
&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
padding: 0.25rem 0.5rem;
/* Disappear */
&> .sapMOTAPHidden {
display: none;
}
/* All elements inside must have display block */
&> :not(.sapMOTAPHidden) {
display: block;
}
&> .sapMTBSeparator.sapMTBSeparatorOverflowToolbar {
&:first-child,
&:last-child {
display: none;
}
}
/* 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% ;
}
/* Menu Button */
&> .sapMMenuBtn {
max-width: 100% ;
}
}
}
/* Compact mode overrides */
.sapUiSizeCompact{
.sapMOTAPopover {
&.sapMPopover .sapMPopoverCont .sapMPopoverScroll {
padding: 0.1875rem 0.375rem;
}
.sapMBtnInner.sapMBtnIconFirst:not(.sapMBtnBack) {
padding-left: 0.5rem;
padding-right: 0.5rem;
}
}
}
/* Phone mode overrides */
html.sap-phone {
.sapMOTAPopover {
overflow: hidden ;
}
}