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

OpenUI5 UI Library sap.m

/* ========================================== */
/* CSS for control sap.m/GroupHeaderListItem  */
/* Base theme                                 */
/* ========================================== */

.sapMGHLI .sapMLIBUnread,
.sapMGHLI .sapMLIBSelectM,
.sapMGHLI .sapMLIBSelectS,
.sapMGHLI .sapMLIBSelectD,
.sapMGHLI .sapMTblItemNav,
.sapMGHLI .sapMListTblSelCol,
.sapMGHLI .sapMListTblUnreadCol {
	display: none;
}

.sapMGHLIUpperCase {
	text-transform: uppercase;
}

.sapMGHLI > .sapMLIBContent,
.sapMGHLICell > .sapMLIBContent {
	display: flex;
	align-items: center;
}

.sapMGHLITitle,
.sapMGHLICounter {
	display: block;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

.sapMGHLICounter {
	padding-left: 0.25rem;
	flex: none;
}

.sapMGHLI {
	align-items: flex-end;
}

.sapMListUl .sapMLIB.sapMGHLI {
	height: 2rem;
	line-height: 2rem;
	font-family: var(--sapFontHeaderFamily);
	font-size: var(--sapFontHeader6Size);
	font-weight: @sapUiFontHeaderWeight;
	color: var(--sapList_TableGroupHeaderTextColor);
	background: var(--sapList_GroupHeaderBackground);
	border-bottom: var(--sapElement_BorderWidth) solid var(--sapList_TableGroupHeaderBorderColor);
}

.sapMListUl > .sapMLIB.sapMGHLI {
	background: var(--sapList_GroupHeaderBackground);
	height: var(--sapElement_LineHeight);
	line-height: 2rem;
	padding-top: 1rem;
}

.sapMGHLI.sapMLIBActive.sapMLIB,
.sapMGHLI.sapMLIBActive.sapMLIB > td {
	color: var(--sapList_Active_TextColor);
	background: var(--sapList_Active_Background);
}

.sapMGHLICell {
	padding: 0 1rem;
}

.sapMGHLI > .sapMGHLICell > .sapMLIBContent:first-child {
	margin: 0;
}

/* group headers should have background color grey so that they are distinguishable from ListItems */
.sapMListTbl .sapMGHLI.sapMLIB:not(.sapMLIBActive):not(.sapMLIBSelected):not(:hover),
.sapMListTbl .sapMGHLI.sapMLIB.sapMLIBTypeInactive {
	background: var(--sapList_TableGroupHeaderBackground);
}