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

OpenUI5 UI Library sap.m

/* =================================== */
/* 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 */