@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: var(--sapTextColor);
@_sap_tnt_ToolHeader_BorderColor: contrast(@sapUiShellColor, @sapUiContentFocusColor, @sapUiContentContrastFocusColor, @sapUiContentContrastTextThreshold);
@_sap_tnt_ToolHeader_ArrowHeight: 0.1875rem;
@_sap_tnt_ToolHeader_ArrowMargin: 0;
@_sap_tnt_ToolHeader_Padding: 0 0.5rem;
@_sap_tnt_ToolHeader_ArrowMarginBottom: 0.188rem;
@_sap_tnt_ToolHeader_IconTabHeader_Height: @_sap_tnt_ToolHeader_Height;

.sapTntToolHeader.sapMTB {
	height: @_sap_tnt_ToolHeader_Height;
}

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

.sapMIBar.sapTntToolHeader .sapMBarChild.sapMITH {
	flex: 1;
	min-width: 0; /* fixes Chrome flex issue */
}

.sapMIBar.sapTntToolHeader:not(.sapUshellShellToolHeader) .sapMBarChild.sapMITH {
	box-shadow: none;
	border-bottom: none;
	height: @_sap_tnt_ToolHeader_IconTabHeader_Height;
	padding: @_sap_tnt_ToolHeader_Padding;

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

		.sapMITBFilter .sapMITBText + .sapMITBContentArrow  {

			&::after {
				border-radius: 0.125rem;
				box-shadow: none;
				margin-bottom: @_sap_tnt_ToolHeader_ArrowMarginBottom;
				height: @_sap_tnt_ToolHeader_ArrowHeight;
			}
		}
	}
}

.sapMITBFilterPopover.sapMITBFilterPopoverInToolHeader {

	.sapUiIcon {
		color: var(--sapContent_NonInteractiveIconColor);
	}
}

.sapTntToolHeader:not(.sapUshellShellToolHeader) .sapMITH .sapMITBContentArrow {
	margin: @_sap_tnt_ToolHeader_ArrowMargin;
}

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

.sapTntToolHeader {

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

/* ================================================ */
/* Shell overrides                                  */
/* ================================================ */

.sapTntToolHeader.sapMTB.sapUshellShellToolHeader {
	background-color: var(--sapShell_Navigation_Background);
	height: 2.75rem;
	box-shadow: var(--sapShell_Shadow);
	border: none;
	z-index: 1;
	position: relative;
	border-radius: 0;

	.sapMITH {
		background: transparent;
		box-shadow: none;
	}
}