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

OpenUI5 UI Library sap.m

/* =================================== */
/* CSS for control sap.m/ColumnHeader  */
/* Base theme                          */
/* =================================== */
.sapMColumnHeader {
	display: flex;
	flex: 1 1 auto;
	padding: .875rem .5rem 1rem;
}

.sapMColumnHeaderText {
	width: 100%;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	font-weight: normal;
	font-size: @sapMFontMediumSize;
}

.sapMColumnHeaderActive:hover {
	background-color: contrast(@sapUiListHeaderBackground, darken(@sapUiListHeaderBackground, 6), lighten(@sapUiListHeaderBackground, 6));
}

.sapMColumnHeaderActive:focus {
	outline: 1px dotted @sapUiContentFocusColor;
	outline-offset: -2px;
}

.sapMColumnHeaderActive:active {
	color: @sapUiListActiveTextColor;
	background-color: @sapUiListActiveBackground;
	outline-color: @sapUiContentContrastFocusColor;
}

.sapMColumnHeaderActive:active > .sapMColumnHeaderContent {
	color: @sapUiListActiveTextColor;
}

.sapMColumnHeaderActive > .sapMColumnHeaderContent {
	cursor: default;
	width: 100%;
}

.sapMColumnHeaderIcons {
	white-space: nowrap;
}

.sapMColumnHeaderIcons > .sapUiIcon {
	padding-left: 0.375rem;
}

/* padding for sap.m.ColumnHeader */
.sapMListTblHighlightCol + .sapMListTblCell.sapMListTblCellCH {
	padding-left: .5rem;
}

.sapMListTblCellCH.sapMListTblCell:nth-last-child(2) {
	padding-right: .5rem;
}

.sapMListTblCell.sapMListTblCellCH {
	padding: 0;
}

/* =================================== */
/*           Compact Design            */
/* =================================== */
.sapUiSizeCompact .sapMColumnHeader {
	padding-top: .5rem;
	padding-bottom: .5rem;
}

/* padding for sap.m.ColumnHeader */
.sapUiSizeCompact .sapMListTblCell.sapMListTblCellCH {
	padding: 0;
}

.sapUiSizeCompact .sapMListTblHighlightCol + .sapMListTblCell.sapMListTblCellCH {
	padding-left: .5rem;
}

.sapUiSizeCompact .sapMListTblCellCH.sapMListTblCell:nth-last-child(2) {
	padding-right: .5rem;
}