@sapui5/sap.gantt 1.123.0 → 1.125.0

package/src/sap/gantt/themes/sap_belize_base/Gantt.less

@@ -0,0 +1,895 @@
+/*!
+ * SAP UI development toolkit for HTML5 (SAPUI5)
+
+		(c) Copyright 2009-2015 SAP SE. All rights reserved
+	
+ */
+
+/**Disable text selection on text */
+svg {
+	cursor: default;
+	-webkit-user-select: none;
+	-moz-user-select: none;
+	-ms-user-select: none;
+	user-select: none;
+}
+
+.sapGanttContainer {
+	display: flex;
+	flex-flow: column;
+	height: 100%;
+	width: 100%;
+
+	.sapGanttContainerTbl {
+		flex: 0 1 auto;
+	}
+	.sapGanttContainerStatusBar{
+		flex: 0 1 auto;
+		display: table-row;
+	}
+}
+.sapGanttContainerCnt {
+	flex: 1 1 auto;
+	height: calc(100% - 32px);
+}
+.sapGanttContainerCntWithStatusBar{
+	flex: 1 1 auto;
+	height: calc(100% - 64px);
+}
+.sapUiSizeCompact {
+	.sapGanttContainerCnt {
+		flex: 1 1 auto;
+		height: calc(100% - 32px);
+	}
+	.sapGanttContainerCntWithStatusBar {
+		flex: 1 1 auto;
+		height: calc(100% - 64px);
+	}
+
+}
+
+.sapGanttPseudoShapeColor {
+	fill: @sapChart_OrderedColor_1;
+}
+
+.sapGanttPseudoShapeOverlapIndicatorStyle {
+	fill: @sapChart_OrderedColor_11;
+	height:  0.25rem;
+}
+.sapUiGanttSearchSidePanel{
+	width: 30%;
+	float: right;
+}
+
+@media (mn-width: 320px) and (max-width: 599px) {
+	.sapGanttContainerWithSidePanel {
+		display: table;
+	}
+	.sapGanttContainerCntWithSidePanel {
+		height: 96% !important;
+		width: 80%;
+		float: left;
+	}
+	.sapUiGanttSearchSidePanel{
+		width: 20%;
+		float: right;
+	}
+}
+
+@media (min-width: 600px) and (max-width: 1439px) {
+	.sapGanttContainerWithSidePanel {
+		display: table;
+	}
+	.sapGanttContainerCntWithSidePanel {
+		height: 96% !important;
+		width: 70%;
+		float: left;
+	}
+	.sapUiGanttSearchSidePanel{
+		width: 30%;
+		float: right;
+	}
+}
+
+
+@media (min-width: 1440px) {
+	.sapGanttContainerWithSidePanel {
+		display: table;
+	}
+	.sapGanttContainerCntWithSidePanel {
+		height: 96% !important;
+		width: 80%;
+		float: left;
+	}
+	.sapUiGanttSearchSidePanel{
+		width: 20%;
+		float: right;
+	}
+}
+
+.sapUiTableHidden.sapGanttTableVerticalScrollBarContainer {
+	display: block;
+}
+
+.sapUiTableVSb.sapGanttTableVerticalScrollBar {
+	height: 0px;
+}
+
+.sapUiSizeCompact .sapGanttContainerTbl .sapMIBar {
+	height: 2.1rem;
+}
+.sapGanttContainerStatusBar .sapMFlexBox {
+	height: 2rem;
+	border-top: 1px solid @sapUiGroupTitleBorderColor;
+}
+
+.sapGanttStatusBarText {
+	padding-left: 0.5rem;
+}
+
+path.sapGanttSelectedPath {
+	pointer-events: none;
+}
+
+.resizeTrigger.lineTrigger, .resizeTrigger.rectTrigger {
+	stroke-width: 3;
+	transition: opacity 0.5s;
+	opacity: 0;
+}
+
+.resizeTrigger.lineTrigger:hover, .resizeTrigger.lineTrigger:hover {
+	transition: opacity 0.3s;
+	opacity: 0.3;
+}
+
+.sapGanttChartShapeConnect .shapeConnectContainer .shapeConnectIndicator {
+	stroke-width: 0;
+	fill: @sapUiChartPaletteSemanticNeutralLight2;
+}
+
+.sapGanttChartShapeConnect .shapeConnectContainer .hoverOnShapeConnectIndicator {
+	stroke: black;
+	stroke-width: 1;
+	width: 10px;
+	height: 10px;
+	fill: @sapUiChartPaletteSemanticGoodLight1;
+}
+
+.resizeContainer .indicator {
+	opacity: 0;
+}
+
+.resizeContainer .shapeConnectTrigger {
+	cursor: pointer;
+	fill: white;
+	opacity: 1;
+}
+
+.resizeContainer .shapeConnectTrigger:hover {
+	fill: @sapUiChartPaletteSemanticGoodLight1;
+}
+
+.sapGanttChartShapeConnect .shapeConnectGhost {
+	stroke: #000000;
+	stroke-width: 1;
+	fill: #FFFFFF;
+	pointer-events: none;
+}
+
+.sapGanttChartShapeConnect .shapeConnectGhost.hideShapeConnectGhost {
+	display: none;
+}
+
+.sapGanttChartShapeConnect .shapeConnectLine {
+	stroke-width: 1;
+	stroke-dasharray: 3;
+	stroke: #898989;
+	pointer-events: none;
+}
+
+
+
+
+tr.sapUiTableColHdrTr td[data-sap-gantt-column] {
+	padding: 0;
+}
+html[dir=rtl] tr.sapUiTableColHdrTr td[data-sap-gantt-column] {
+	padding-top: 0px;
+	padding-bottom: 0px;
+	padding-left: 1px;
+	padding-right: 1px;
+}
+
+tr.sapUiTableColHdrTr td[data-sap-gantt-column] > .sapUiTableColCell {
+	padding: 0;
+}
+
+.sapGanttUtilizationMiddleLine, .sapGanttStockMiddleLine{
+	stroke-width: 1;
+	stroke: #CAC7BA;
+	fill: none;
+	fill-opacity: 1;
+	stroke-dasharray: 5,5;
+	shape-rendering: crispEdges;
+}
+
+.sapGanttTextNoPointerEvents {
+	pointer-events: none;
+}
+
+/* =================================== */
+/* CSS for control sap.gantt/GanttChart  */
+/* Base theme                          */
+/* =================================== */
+
+/*******************************************************************************
+ * GANTT PARAMETERS
+ ******************************************************************************/
+@_sap_gantt_Gantt_HeaderHeight: 101px;
+@_sap_gantt_Gantt_CompactHeaderHeight: @_sap_gantt_Gantt_HeaderHeight - 30px;
+
+@_sap_gantt_Gantt_CursorLineStroke: @sapUiAccent6;
+@_sap_gantt_Gantt_NowLineStroke: @sapUiCalendarColorToday;
+
+@_sap_gantt_Gantt_VerticalLineStroke: @sapUiListVerticalBorderColor;
+
+@_sap_gantt_Gantt_ExpandChartBG: #F6F6F6;
+@_sap_gantt_Gantt_ExpandChartLine: #ddd;
+@_sap_gantt_Gantt_ExpandChartText: #848f94;
+
+@_sap_gantt_Gantt_TimelineZoomColor: #40b0f0;
+
+.sapGanttTimeHeaderSvgText0 {
+	font-size: @sapMFontHeader6Size;
+	font-family: @sapUiFontFamily;
+	font-weight: @sapUiFontHeaderWeight;
+	fill: @sapUiListTableGroupHeaderTextColor;
+}
+
+.sapGanttTimeHeaderSvgText1 {
+	font-size: @sapMFontMediumSize;
+	font-family: @sapUiFontFamily;
+	font-weight: normal;
+	fill: @sapUiListHeaderTextColor;
+}
+
+.sapGanttTimeHeaderSvgText {
+	font-size: @sapMFontSmallSize;
+	font-family: @sapUiFontFamily;
+	font-weight: @sapUiFontHeaderWeight;
+	color: @sapUiContentLabelColor;
+	fill: @sapUiContentMarkerTextColor;
+}
+
+.sapGanttTimeHeaderSvgTextMedium {
+	font-family: @sapUiFontFamily;
+	font-size: @sapMFontMediumSize;
+	color: @sapUiBaseText;
+	font-size: @sapMFontSmallSize;
+	font-weight: @sapUiFontHeaderWeight;
+	fill: @sapUiListHeaderTextColor;
+}
+
+.sapGanttChart {
+	position: relative;
+	display: flex;
+	flex-direction: column;
+	width: 100%;
+	overflow: hidden;
+}
+
+.sapGanttCntScroll {
+	position: relative;
+	margin: 0;
+	overflow: hidden
+}
+
+.sapGanttChartContentBody {
+	// position: absolute;
+	display: block;
+	// flex-direction: column;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	// left: 0;
+	// top: 0;
+}
+
+.sapGanttFixedCntScroll {
+	position: relative;
+	overflow: hidden;
+	float: left;
+}
+
+.sapGanttChartScrFixed {
+	position: absolute;
+	display: block;
+	pointer-events: none;
+	flex-direction: column;
+	width: 100%;
+	height: 100%;
+	overflow: hidden;
+	left: 0;
+	top: 0;
+	margin-left: calc(2rem~" + " 6px);
+}
+
+
+.sapGanttTimeHeaderSvgPath {
+	stroke: @sapUiLightBG;
+	stroke-width: 1px;
+	stroke-dasharray: none;
+}
+
+.sapGanttTimeHeaderVerticalPath {
+	background-color: @sapUiLightBG;
+	width: 1px;
+}
+
+.sapGanttTimeHeaderHorizontalPath {
+	background-color: @sapUiLightBG;
+	height: 1px;
+}
+
+.sapGanttTimeHeaderLargeIntervalSvgPath {
+	stroke: @sapUiListTableGroupHeaderTextColor;
+	stroke-width: 1px;
+	opacity: 0.8;
+}
+
+.sapGanttShapeSvgText {
+	fill: @sapUiDeepText;
+}
+
+.sapGanttChartHeader {
+	min-height: @_sap_gantt_Gantt_HeaderHeight;
+	height: @_sap_gantt_Gantt_HeaderHeight;
+	width: 100%;
+	background-color: @sapUiListHeaderBackground;
+	overflow: hidden;
+}
+.sapGanttChartHeaderSvg {}
+
+.sapGanttChartWithTableHeader {
+	width: 100%;
+	background-color: @sapUiListHeaderBackground;
+	overflow: hidden;
+	box-sizing: border-box;
+	border-bottom: 1px solid @sapUiListBorderColor;
+}
+
+.sapGanttChartWithTableHeaderMarkerArea {
+	width: 100%;
+	background-color: @sapUiListHeaderBackground;
+	overflow: hidden;
+	box-sizing: border-box;
+	border-top: 1px solid @sapUiListBorderColor;
+}
+
+.sapGanttChartSvgCtn {
+	position: absolute;
+	overflow: hidden;
+	top: 0;
+	left: 0;
+	z-index: 2;
+	width: 100%;
+}
+
+.sapGanttChartTT {
+	position: relative;
+	width: 100%;
+}
+
+.sapGanttChartSPMSvgCtn {
+	position:absolute;
+	top:0;
+	left:0;
+	overflow: hidden;
+	height: 100%;
+	width: 100%;
+	pointer-events: none;
+}
+
+a.sapGanttExpandClose {
+	cursor: pointer;
+}
+
+.sapGanttExpandChartCloseButton {
+	cursor:pointer;
+	pointer-events: auto;
+	stroke: black;
+	stroke-width: 0.5;
+	fill: white;
+}
+
+.sapGanttExpandChartCntBG {
+	pointer-events: none;
+	fill: @_sap_gantt_Gantt_ExpandChartBG;
+	opacity: 1;
+}
+
+.sapGanttExpandedRowBackground {
+	pointer-events: none;
+	fill: transparent;
+	opacity: 1;
+}
+
+.sapGanttExpandChartHeaderBG {
+	pointer-events: auto;
+	fill: @_sap_gantt_Gantt_ExpandChartBG;
+	opacity: 1;
+}
+
+.sapGanttExpandChartLine {
+	pointer-events: auto;
+	fill: @_sap_gantt_Gantt_ExpandChartLine;
+	stroke-width: 1;
+	stroke: @_sap_gantt_Gantt_ExpandChartLine;
+	shape-rendering: crispEdges
+}
+.sapGanttExpandChartContent text{
+	pointer-events: auto;
+	fill: @_sap_gantt_Gantt_ExpandChartText;
+}
+
+.sapGanttExpandChartCloseButton{
+	stroke: @_sap_gantt_Gantt_ExpandChartText;
+}
+
+.sapGanttSPMaskSvg{
+	width:100%;
+	height:100%;
+	top:0;
+	left:0;
+}
+
+.sapGanttExpandedRow > td {
+	vertical-align: top !important;
+	// padding-top: 15px !important;
+}
+.sapGanttExpandedRow > td div.sapUiTableCell > span,
+.sapGanttExpandedRow > td div.sapUiTableCellInner{
+	padding-top: 5px;
+}
+
+.sapGanttChartLayoutBG{
+	background-color: transparent;
+}
+
+.sapUiSettingBox{
+	padding-right: 10px;
+}
+
+.sapUiSettingBoxItem {
+	max-width: 100%;
+}
+
+// Since UI5 1.37, tree table changes the z-index value of vertical scrollbar from 2 to 0, the vertical scrollbar is fully overlayed by gantt svg chart
+// So change the z-index of vertical scroll bar to 2
+.sapGanttChartTT .sapUiTableVSb,
+.sapGanttChartWithTable .sapUiTableVSb {
+	z-index: 2;
+}
+
+.sapGanttChartTT .sapUiTable,
+.sapGanttChartWithTable .sapUiTable {
+	z-index: auto;
+}
+//Since the z-index of all content elements inside the splitter container are the same, the expanded chart content is rendered above the splitter bar according to the DOM order
+//The splitter bar would be overlapped by the expanded chart content when the selection panel is really narrow, less than the min-width of the tree table
+//So, set the z-index of the elements inside the splitter container to distinguish the rendering order
+.sapGanttViewSplitterH >.sapUiLoSplitterContent {
+	position: relative;
+	overflow: hidden;
+	z-index: 0;
+}
+
+.sapGanttViewSplitterH >.sapUiLoSplitterBar {
+	position: relative;
+	z-index: 2;
+}
+
+.sapGanttChartTT .sapUiTable > div.sapUiTableCnt {
+	margin-right: -1px;
+}
+
+.sapGanttInvisiblePaintServer {
+	float: left;
+	height: 0;
+	width: 0;
+}
+.sapGanttViewContainer {
+	clear: left;
+	float: left;
+}
+
+.sapGanttChartLegend {
+	line-height: normal;
+}
+
+.sapGanttLLSvg, .sapGanttDLSvg,
+.sapGanttLLItem .sapMCb {
+	height: 100%;
+}
+
+.sapGanttLL {
+	width: 100%;
+}
+
+.sapGanttLLItem, .sapGanttDLItem {
+	display: flex;
+}
+
+.sapGanttLLItem .sapMCbBg {
+	margin: auto;
+	top: 0;
+	left: 0;
+	bottom: 0;
+	right: 0;
+}
+
+.sapGanttLLItemSectionTitle {
+	font-family: @sapFontBoldFamily;
+	font-size: @sapFontHeader6Size;
+	color: @sapTextColor;
+}
+
+.sapGanttLLItemTxt {
+	overflow: hidden;
+	height: 100%;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	vertical-align: middle;
+	flex: 1;
+	padding-left: 0.5rem;
+	padding-right: 0.5rem;
+	color: @sapUiContentLabelColor;
+}
+
+.sapGanttLLSvgDefs {
+	height: 0;
+	width: 0;
+	float: left;
+}
+
+.sapGanttDLItemTxt {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	vertical-align: middle;
+	flex: 1;
+	padding: 0 0.5rem;
+	color: @sapUiContentLabelColor;
+
+	text {
+		fill: @sapUiContentLabelColor;
+	}
+}
+
+.sapGanttDimensionLegendPath {
+	stroke: #b7b6b6;
+	stroke-width: 1;
+}
+
+.noShowCheckBox {
+	visibility: hidden;
+}
+
+.sapGanttLLSvg.NoCheckBox {
+	padding-left: 0.5rem;
+}
+
+.sapGanttCursorLineHeader {
+	height: 30px;
+	fill: @sapUiListBackground;
+	font-size: @sapUiFontSmallSize;
+	stroke: @_sap_gantt_Gantt_CursorLineStroke;
+	stroke-width: 1;
+	pointer-events: none;
+}
+
+text.sapGanttCursorLineLabel {
+	fill: @sapUiLink;
+	font-size: @sapUiFontSmallSize;
+	text-anchor: middle;
+	alignment-baseline: baseline;
+	dominant-baseline: central;
+}
+
+.sapGanttCursorLineBody {
+	shape-rendering: crispEdges;
+	stroke: @_sap_gantt_Gantt_CursorLineStroke;
+	stroke-width: 1;
+	stroke-dasharray: none;
+	pointer-events: none;
+}
+
+.sapGanttChartVerticalLine {
+	stroke: @_sap_gantt_Gantt_VerticalLineStroke;
+	stroke-width: 1;
+	stroke-dasharray: none;
+}
+
+.sapGanttNowLine {
+	stroke: @_sap_gantt_Gantt_NowLineStroke;
+	stroke-width: 1;
+	shape-rendering: crispEdges
+}
+
+.sapGanttNowLineHeaderSvgPath {
+	.sapGanttNowLine();
+	fill: @_sap_gantt_Gantt_NowLineStroke;
+}
+.sapGanttNowLineBodySvgLine {
+	.sapGanttNowLine();
+	stroke-dasharray: 10, 5;
+}
+
+.sapGanttSkipToolbar {
+	height: 0;
+}
+.sapGanttToolbar .sapMSlider {
+	width: 200px !important;
+}
+.sapGanttChartWithTable .sapUiTable>.sapUiTableExt {
+	background-color: @sapUiWhiteBG;
+	border-bottom: 2px solid @sapUiWhiteBG;
+}
+
+.sapGanttDraggingCursor {
+	cursor: move;
+}
+
+.sapGanttDraggingOverflow {
+	overflow: hidden;
+}
+
+.sapGanttDraggingShadow {
+	position : absolute;
+	z-index : 999;
+	pointer-events: none;
+}
+
+#sapGanttDragGhostWrapper{
+	position: absolute;
+	display: block;
+	pointer-events: none;
+	z-index: 999;
+}
+
+.sapGanttDragGhost {
+	position: relative;
+}
+
+.sapGanttDragGhostImg {
+	opacity: 0.5;
+}
+
+.sapGanttDragTextOverlay {
+	position: absolute;
+	top: 0;
+	width: auto;
+	height: 100%;
+	background-color:transparent;
+	color: @sapUiListHeaderTextColor;
+	font-size: 12px;
+	vertical-align: middle;
+	white-space: nowrap;
+	padding-left: 12px;
+	line-height: var(--sapShapeDragTextOverlay-lineHeight, 0);
+	left: var(--sapShapeDragTextOverlay-left-val, 0);
+	right: var(--sapShapeDragTextOverlay-right-val, 0);
+}
+
+.sapGanttDragGhostLabel {
+	position: absolute;
+	width: max-content;
+	height: 100%;
+	background-color:transparent;
+	font-size: 13px;
+	font-family: Arial;
+	color: #000000;
+	top: 0px;
+	left: 0px;
+	right: 0px;
+}
+
+.sapFullScreenGanttDialog {
+	top: 0px !important;
+	left: 0px !important;
+	max-width: 100% !important;
+	max-height: 100% !important;
+	border-radius: 0rem !important;
+}
+
+.sapToolbarContentHidden {
+	display: none !important;
+}
+
+#sapGanttPopoverAnchor {
+	position: absolute;
+	display: block;
+	pointer-events: none;
+	z-index: 999;
+}
+
+#sapGanttPopoverWrapper {
+	position: absolute;
+	background-color: @sapUiShellContainerBackground;
+	overflow: hidden;
+	min-width: 6.25rem;
+	box-sizing: border-box;
+	outline: none;
+	overflow: hidden;
+	background: @sapUiShellContainerBackground;
+	border: none;
+	box-shadow: @sapUiShadowLevel2, @sapUiShadowLevel2;
+	border-radius: 0.25rem;
+	min-height: 2rem;
+	white-space: nowrap;
+}
+
+.sapGanttPopoverObjectCount {
+	margin-bottom: -1px;
+}
+
+.sapGanttPopoverCountText {
+	text-align: center;
+}
+
+.sapGanttDragElementHidden {
+	visibility: hidden;
+}
+
+.sapGanttDragTextOverlayGhostAlignEnd {
+	right: 12px;
+	text-align: right;
+}
+
+html[dir=rtl] .sapGanttDragTextOverlayGhostAlignEnd {
+	right: 12px;
+	text-align: left;
+}
+
+
+
+.sapGanttChartTimePeriodZoomRectangle {
+	fill: @_sap_gantt_Gantt_TimelineZoomColor;
+	stroke: @_sap_gantt_Gantt_TimelineZoomColor;
+	stroke-width: 2px;
+	fill-opacity: 0.4;
+}
+
+
+.sapUiSizeCozy {
+	/* Gantt Chart Eapanded Row Checkbox */
+	.sapUiTableRowHdr.sapGanttExpandedRow::after {
+		margin-top: 12px !important;
+	}
+}
+
+.sapUiFindHeader div.sapMFlexItem:nth-child(1) {
+    position: absolute;
+    left: 0;
+    margin-left: 15px;
+    top: 25%;
+}
+
+.sapUiFindSidePanelButton {
+    margin-left: 5%;
+}
+
+.sapUiFindResults div.sapMFlexItem:nth-child(1) {
+	padding-left: 15px;
+}
+
+.sapUiEmptyListInfo {
+    text-align: center;
+}
+
+.sapGanttChartContainer .sapUiLocalBusyIndicator,
+.sapGanttChartWithTable .sapUiLocalBusyIndicator,
+.sapGanttChart .sapUiLocalBusyIndicator {
+	z-index: 999;
+}
+
+tspan.sapGanttTooltipLine:nth-child(2n) {
+	display: block;
+}
+
+.sapGanttChartWithTableShowOnlyChart {
+	.sapGanttChartLayoutBG {
+		visibility: hidden;
+	}
+	.sapUiLoSplitterNoResize.sapUiLoSplitterBar {
+		display: none;
+	}
+}
+
+.sapGanttChartWithTableShowOnlyTable {
+	.sapUiLoSplitterNoResize.sapUiLoSplitterBar {
+		display: none;
+	}
+}
+
+.sapGanttCellTransparent {
+	opacity: 0;
+}
+
+/* ------------------------------------------------ */
+/* Compact size                                     */
+/* ------------------------------------------------ */
+
+
+.sapUiSizeCompact {
+
+	.sapGanttChartHeader {
+		min-height: @_sap_gantt_Gantt_CompactHeaderHeight;
+		height: @_sap_gantt_Gantt_CompactHeaderHeight;
+	}
+
+	.sapGanttChartSvgCtn{
+		top: 0;
+	}
+
+	.sapGanttCursorLineHeader {
+		height: 25px;
+	}
+	text.sapGanttCursorLineLabel {
+		font-size: @sapUiFontSmallSize;
+	}
+
+	/* Gantt Chart Eapanded Row Checkbox */
+	.sapUiTableRowSelectionCell.sapGanttExpandedRow::after {
+		margin-top: 6px !important;
+	}
+}
+
+/* ------------------------------------------------ */
+/* Shape resize                                     */
+/* ------------------------------------------------ */
+.sapUiShapeResizingCursor {
+	cursor: ew-resize;
+}
+
+/* ------------------------------------------------ */
+/* simple/ContainerToolbarPlaceholder               */
+/* ------------------------------------------------ */
+.sapGanttSimpleContainerToolbarPlaceholderInPopover {
+	.sapMBtn {
+		width: 100%;
+		max-width: 100%;
+	}
+	.sapMBtnInner {
+		text-align: left;
+	}
+}
+
+/* ------------------------------------------------ */
+/* Overlapping                                      */
+/* ------------------------------------------------ */
+.sapGanttShapeOverlappingBorder {
+	fill: white;
+	pointer-events: none;
+}
+
+
+/* ------------------------------------------------ */
+/* Marker Cursor pointer					   				*/
+/* ------------------------------------------------ */
+.sapGanntChartMarkerCursorPointer{
+	cursor: pointer;
+	outline: none;
+	shape-rendering: auto;
+}
+
+/* ------------------------------------------------ */
+/* Marker Tooltip							*/
+/* ------------------------------------------------ */
+.sapGanntChartMarkerTooltip{
+	padding: 0.5rem;
+}
+
+.sapGanttHeaderOverflowToolbar {
+	max-width: 100%;
+}