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

OpenUI5 UI Library sap.m

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

@_sap_m_SuggestionsPopover_ItemMinHeight: 2.5rem;
@_sap_m_SuggestionsPopover_ItemMinHeightCompact: 2rem;
@_sap_m_SuggestionsPopover_GroupItemHeight: 2.75rem;
@_sap_m_SuggestionsPopover_GroupItemHeightCompact: 2.75rem;

@_sap_m_SuggestionsPopover_TabularItemHeight: 2.5rem;
@_sap_m_SuggestionsPopover_TabularItemHeightCompact: 2rem;
@_sap_m_SuggestionsPopover_TabularGroupItemHeight: 2.5rem;
@_sap_m_SuggestionsPopover_TabularGroupItemHeightCompact: 2rem;

.sapMSuggestionsPopover {

	.sapMListUl > .sapMLIB.sapMSLIWrapping {
		min-height: @_sap_m_SuggestionsPopover_ItemMinHeight;
	}

	.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv {
		padding: 0.25rem 0;
	}

	.sapMListUl > .sapMLIB.sapMGHLI {
		height: @_sap_m_SuggestionsPopover_GroupItemHeight;
	}

	.sapMListTbl .sapMLIB {
		height: @_sap_m_SuggestionsPopover_TabularItemHeight;
	}

	.sapMListTbl .sapMListTblHeader,
	.sapMListTbl .sapMLIB.sapMGHLI {
		height: @_sap_m_SuggestionsPopover_TabularGroupItemHeight;
	}

	.sapMListTbl .sapMListTblHeader .sapMColumnHeader,
	.sapMListTbl .sapMLIB .sapMListTblCell {
		padding-top: 0.625rem;
		padding-bottom: 0.625rem;
	}
}

div.sapMSuggestionsPopover {
	border: none;
	box-shadow: var(--sapContent_Shadow1);
}

.sapMSuggestionsPopover.sapMPopover.sapMSuggestionPopoverDefaultWidth {
	max-width: 40rem;
}

.sapMSuggestionsPopover.sapMPopover:not(.sapMSuggestionPopoverDefaultWidth):not(.sapMSuggestionPopoverInputWidth) {
	max-width: ~"calc(100% - 2rem)" !important;
}

.sapMSuggestionsPopover.sapMPopover .sapMPopoverCont {
	max-width: 100% !important;
}

.sapUiSizeCompact {

	.sapMSuggestionsPopover,
	&.sapMSuggestionsPopover {

		.sapMListUl > .sapMLIB.sapMSLIWrapping {
			min-height: @_sap_m_SuggestionsPopover_ItemMinHeightCompact;
		}

		.sapMSLIWrapping > .sapMLIBContent > .sapMSLIDiv {
			padding: 0.25rem 0;
		}

		.sapMListUl > .sapMLIB.sapMGHLI {
			height: @_sap_m_SuggestionsPopover_GroupItemHeightCompact;
		}

		.sapMListTbl .sapMLIB {
			height: @_sap_m_SuggestionsPopover_TabularItemHeightCompact;
		}

		.sapMListTbl .sapMListTblHeader,
		.sapMListTbl .sapMLIB.sapMGHLI {
			height: @_sap_m_SuggestionsPopover_TabularGroupItemHeightCompact;
		}

		.sapMListTbl .sapMListTblHeader .sapMColumnHeader,
		.sapMListTbl .sapMLIB .sapMListTblCell {
			padding-top: 0.25rem;
			padding-bottom: 0.25rem;
		}
	}
}

.sapMDialog.sapMSuggestionsPopover .sapMDialogScroll .sapMDialogScrollCont {
	padding: 0;
}

.sapMInputSuggestionTableHidden {
	display: none;
}

.sapMSuggestionsPopover .sapMDLIValue {
	font-size: @sapMFontMediumSize;
	color: var(--sapList_TextColor);
	padding-right: 1rem;
}

.sapMSuggestionsPopover .sapMLIBActive .sapMDLIValue {
	color: var(--sapList_Active_TextColor);
}

.sapMSuggestionsPopover .sapMDLILabel {
	font-size: @sapMFontMediumSize;
}

.sapMSuggestionsPopover .sapMSLITitleOnly {
	font-size: @sapMFontMediumSize;
}

div.sapMSuggestionsPopover .sapMSuggestionsPopoverValueState {
	font-size: var(--sapFontSmallSize);
	line-height: normal;
	padding: 0.5625rem 1rem;

	&.sapMSuggestionsPopoverErrorState {
		background: var(--sapErrorBackground);
		color: var(--sapTextColor);
	}

	&.sapMSuggestionsPopoverInformationState {
		background: var(--sapInformationBackground);
	}

	&.sapMSuggestionsPopoverSuccessState {
		background: var(--sapSuccessBackground);
		color: var(--sapTextColor);
	}

	&.sapMSuggestionsPopoverWarningState {
		background: var(--sapWarningBackground);
		color: var(--sapTextColor);
	}

	.sapMSuggestionsPopoverTitle.sapMTitle {
		padding-left: 0.75rem;
	}
}

.sapMSuggestionsPopover .sapMSuggestionsPopoverNoneState {
	display: none;
}

.sapMSuggestionsPopover .sapMListTblCell .sapMText,
.sapMSuggestionsPopover .sapMListTblCell .sapMLabel,
.sapMSuggestionsPopover .sapMSLIInfo {
	color: var(--sapList_TextColor);
}