@openui5/sap.tnt/src/sap/tnt/themes/base/ToolHeader.less

OpenUI5 UI Library sap.tnt

/* =================================== */
/* CSS for control sap.tnt/ToolHeader  */
/* Base theme                          */
/* =================================== */
@_sap_tnt_ToolHeader_Height: 3rem;
@_sap_tnt_ToolHeader_AvatarBackground: lighten(saturate(spin(@sapUiAccent6, 348), 36), 28);
@_sap_tnt_ToolHeader_AvatarColor: @sapUiBaseText;
@_sap_tnt_ToolHeader_BorderColor: contrast(@sapShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapContent_ContrastTextThreshold);

.sapTntToolHeaderPopover.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll,
.sapTntToolHeaderPopover.sapMOTAPopover.sapMPopover .sapMPopoverCont .sapMPopoverScroll .sapMBtn {
	padding: 0;
}

.sapTntToolHeader.sapMTB {
	height: @_sap_tnt_ToolHeader_Height;
}

// ==========================================================================
// sap.m.IconTabHeader overriding
// ==========================================================================

.sapMIBar.sapTntToolHeader .sapMBarChild.sapMITH {
	height: @_sap_tnt_ToolHeader_Height;
	box-shadow: none;
	padding: 0 0.5rem;
	flex: 1;
	min-width: 0; // fixes Chrome flex issue

	.sapMITBHead {
		padding-top: 0;
		padding-bottom: 0;

		.sapMITBFilter .sapMITBText + .sapMITBContentArrow  {
			&:after {
				border-radius: 0.125rem 0.125rem 0.125rem 0.125rem;
				box-shadow: none;
				margin-bottom: 0.188rem;
			}
		}
	}
}

.sapMITBFilterPopover.sapMITBFilterPopoverInToolHeader {
	.sapUiIcon {
		color: @sapUiContentNonInteractiveIconColor;
	}
}

// ==========================================================================
// sap.m.Avatar / sap.f.Avatar overriding
// ==========================================================================

.sapTntToolHeader .sapFAvatar {
	background-color: @_sap_tnt_ToolHeader_AvatarBackground;
	.sapFAvatarInitialsHolder,
	.sapUiIcon.sapFAvatarTypeIcon  {
		color: @_sap_tnt_ToolHeader_AvatarColor;
	}
}

// ==========================================================================
// sap.m.MenuButton overriding
// ==========================================================================

.sapTntToolHeader {
	.sapMMenuBtn.sapMMenuBtnRegular .sapMBtnEmphasized.sapMBtnInner::after {
		content: '\e287';
	}
}