@openui5/sap.m
Version:
OpenUI5 UI Library sap.m
132 lines (107 loc) • 2.54 kB
text/less
/* =================================== */
/* CSS for control sap.m/MenuListItem */
/* Base theme */
/* =================================== */
/* phone */
.sapMRespMenuDialog .sapMLIB {
position: relative;
}
.sapMRespMenuDialog .sapMSLIIcon {
padding-left: 0;
}
.sapMRespMenuDialog .sapMSLIIcon > .sapMLIBContent {
margin-left: 0;
}
.sapMRespMenuDialog .sapMSLITitleOnly {
font-style: normal;
font-weight: normal;
font-size: @sapMFontMediumSize;
}
.sapMMenuLIHasChildren .sapMSLITitleDiv {
margin-right: 2rem;
text-overflow: ellipsis;
}
.sapMMenuLIImgThumbIcon {
font-size: 1.375rem;
width: 3rem;
height: 3rem;
line-height: 3rem;
-webkit-box-flex: 0;
flex: none;
}
.sapMMenuLIArrowRightIcon {
position:absolute;
right:0;
top:0;
font-size: .75rem;
width: 3rem;
height: 3rem;
line-height: 3rem;
-webkit-box-flex: 0;
flex: none;
}
.sapMRespMenuDialog .sapUiMnuDiv {
height: 1px;
}
.sapMRespMenuDialog .sapUiMnuDiv > hr {
height: 0;
margin: 0;
left: 1rem;
right: 1rem;
}
.sapMMLIDisabled .sapMSLITitle,
.sapMMLIDisabled .sapMSLITitleOnly {
color: @sapUiContentDisabledTextColor;
}
html.sap-phone .sapMMLIDisabled .sapMMenuLIImgThumbIcon,
html.sap-tablet .sapMMLIDisabled .sapMMenuLIImgThumbIcon {
color: @sapUiContentDisabledTextColor;
}
/* end phone */
/* desktop and tablet */
.sapMMenu .sapUiMnuDiv > hr {
height: 0;
margin: 0;
}
.sapMMenu .sapUiMnuItm .sapUiMnuItmIco {
position: absolute;
}
.sapMMenu .sapUiMnuLst .sapUiMnuItm {
.sapUiMnuItmIco + .sapUiMnuItmTxt {
margin-left: 2.25rem;
}
}
.sapMMenu.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
padding-right: 3rem;
text-overflow: ellipsis;
}
//really strong selector in the sapUiMnu demands this
.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
text-overflow: ellipsis;
max-width: 100%;
max-width: -moz-available; /* WebKit-based browsers will ignore this. */
max-width: -webkit-fill-available; /* Mozilla-based browsers will ignore this. */
max-width: fill-available;
}
/* end cozy */
/* compact */
.sapUiSizeCompact .sapMMenuLIArrowRightIcon {
width: 2rem;
height: 2rem;
line-height: 2rem;
}
.sapUiSizeCompact {
.sapMMenu .sapUiMnuLst .sapUiMnuItm {
.sapUiMnuItmIco + .sapUiMnuItmTxt {
margin-left: 2rem;
}
}
.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
padding-right: 2.5rem;
}
.sapMMenu .sapUiMnuLst.sapUiMnuNoSbMnu .sapUiMnuItm .sapUiMnuItmTxt {
padding-right: 0.5rem;
}
}
/* end compact */
/* end desktop and tablet */