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

OpenUI5 UI Library sap.m

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

@_sap_m_NotificationListGroup_Background: var(--sapList_GroupHeaderBackground);
@_sap_m_NotificationListGroup_HeaderColor: var(--sapList_TableGroupHeaderTextColor);

.sapMNLGroup {

	&.sapMLIB {
		display: block;
		padding: 0;
		margin: 0;
		overflow: hidden;
		border-bottom: none;
	}

	&.sapMNLGroupCollapsed .sapMNLGroupChildren {
		display: none;
	}

	.sapMNLGroupHeader {
		position: relative;
		min-height: 2.75rem;
		background: @_sap_m_NotificationListGroup_Background;
		border-bottom: 0.0625rem solid var(--sapList_GroupHeaderBorderColor);
		box-sizing: border-box;
		padding: 0.75rem 0.5rem 0 1rem;
		display: flex;
		align-items: flex-start;
		outline: none;

		.sapMNLIBPriority {
			padding-top: 0.75rem;
		}

		.sapMNLGroupTitle {
			padding: 0.75rem 0;
			color: @_sap_m_NotificationListGroup_HeaderColor;
			font-size: var(--sapFontHeader6Size);
			font-family: var(--sapFontHeaderFamily);
			font-weight: bold;
			overflow-wrap: break-word;
			flex: 1;
			min-width: 0;
		}
	}

	&:focus .sapMNLGroupHeader::before {
		content: ' ';
		border: var(--sapContent_FocusWidth) var(--sapContent_FocusStyle) var(--sapContent_FocusColor);
		position: absolute;
		top: 1px;
		right: 1px;
		bottom: 1px;
		left: 1px;
		z-index: 2;
		pointer-events: none;
	}

	.sapMNLGroupChildren {
		margin: 0;
		padding: 0;
	}

	.sapMNLGroupCollapseButton {
		margin-right: 0.75rem;
		width: 2.25rem;
	}

	.sapMNLGroupMaxNotifications {
		padding: 1rem;
		background: var(--sapList_Background);
		text-align: center;

		.sapMNLGroupMNTitle {
			font-family: var(--sapFontHeaderFamily);
			font-size: var(--sapFontHeader5Size);
			font-weight: @sapUiFontHeaderWeight;
			color: var(--sapGroup_TitleTextColor);
			margin-bottom: 0.5rem;
		}

		.sapMNLGroupMNDescription {
			font-family: var(--sapFontFamily);
			font-size: @sapMFontMediumSize;
			color: var(--sapContent_LabelColor);
		}
	}
}

.sapMNLIActionsHidden {
	display: none;
}

.sapUiSizeCompact {

	.sapMNLGroup {

		.sapMNLGroupHeader {
			padding: 0.5rem 0.5rem 0 0.75rem;

			.sapMNLIBPriority {
				padding-top: 0.5rem;
			}

			.sapMNLGroupTitle {
				padding: 0.5rem 0;
			}
		}
	}
}