@openui5/sap.m 1.108.2 → 1.110.0

package/src/sap/m/themes/base/MenuListItem.less

@@ -79,36 +79,28 @@ html.sap-tablet .sapMMLIDisabled .sapMMenuLIImgThumbIcon {
 	margin: 0;
 }
 
-.sapMMenu .sapUiMnuItmTxt {
-	padding-right: 2rem;
-	max-width: 16rem;
-	text-overflow: ellipsis;
+.sapMMenu .sapUiMnuItm .sapUiMnuItmIco {
+	position: absolute;
 }
 
-
-.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
-	max-width: 19rem;
+.sapMMenu .sapUiMnuLst .sapUiMnuItm {
+	.sapUiMnuItmIco + .sapUiMnuItmTxt {
+		margin-left: 2.25rem;
+	}
 }
 
-.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
-.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
-	max-width: 17.5rem;
-}
-
-//really strong selector in the sapUiMnu demands this
-.sapUiSizeCozy.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
+.sapMMenu.sapUiMnu.sapUiMnuCozySupport.sapUiSizeCozy .sapUiMnuItmTxt {
 	padding-right: 3rem;
-	max-width: 14rem;
 	text-overflow: ellipsis;
 }
 
-.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco.sapUiMnuNoSbMnu .sapUiMnuItmTxt {
-	max-width: 18rem;
-}
-
-.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoIco:not(.sapUiMnuNoSbMnu) .sapUiMnuItmTxt,
-.sapUiSizeCozy.sapMMenu.sapUiMnu .sapUiMnuNoSbMnu:not(.sapUiMnuNoIco) .sapUiMnuItmTxt {
-	max-width: 16rem;
+//really strong selector in the sapUiMnu demands this
+.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
+	text-overflow: ellipsis;
+	max-width: 100%;
+	max-width: -moz-available;          /* WebKit-based browsers will ignore this. */
+	max-width: -webkit-fill-available;  /* Mozilla-based browsers will ignore this. */
+	max-width: fill-available;
 }
 
 /* end cozy */
@@ -122,6 +114,19 @@ html.sap-tablet .sapMMLIDisabled .sapMMenuLIImgThumbIcon {
 	line-height: 2rem;
 }
 
+.sapUiSizeCompact {
+	.sapMMenu .sapUiMnuLst .sapUiMnuItm {
+		.sapUiMnuItmIco + .sapUiMnuItmTxt {
+			margin-left: 2rem;
+		}
+	}
+	.sapMMenu.sapUiMnu.sapUiMnuCozySupport .sapUiMnuItmTxt {
+		padding-right: 2.5rem;
+	}
+	.sapMMenu .sapUiMnuLst.sapUiMnuNoSbMnu .sapUiMnuItm .sapUiMnuItmTxt {
+		padding-right: 0.5rem;
+	}
+}
 /* end compact */
 
 /* end desktop and tablet */

package/src/sap/m/themes/base/MessageView.less

@@ -244,4 +244,8 @@
 
 .sapMMsgViewItem .sapMSLIIconActive {
 	color: @sapUiContentContrastIconColor;
+}
+
+.sapMMsgViewDescriptionText a.sapMLnk {
+	overflow: visible;
 }

package/src/sap/m/themes/base/NewsContent.less

@@ -40,6 +40,12 @@
     font-weight: bold;
 }
 
+.TwoByOne .sapMNwCCTxt {
+	display: -webkit-box;
+	-webkit-line-clamp: 2;
+	-webkit-box-orient: vertical;
+}
+
 .Stretch{
 	.sapMTileCnt.News .sapMNwC{
 		.sapMNwCSbh{

package/src/sap/m/themes/base/NotificationListBase.less

@@ -6,29 +6,14 @@
 .sapMNLIB {
 	position: relative;
 
-	.sapMNLICloseBtn:not(:empty) {
-		margin: 0 0.5rem;
-	}
-}
-
-html.sap-desktop {
-	.sapMNLIB:focus {
+	&:focus {
 		outline: none;
 	}
 
-	.sapMNLIB:focus::before {
-		content: " ";
-		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
-		position: absolute;
-		top: 1px;
-		right: 1px;
-		bottom: 1px;
-		left: 1px;
-		z-index: 2;
-		pointer-events: none;
+	.sapMNLICloseBtn:not(:empty) {
+		margin: 0 0.5rem;
 	}
 }
-
 // Priority icons
 
 .sapMNLIBPriority {

package/src/sap/m/themes/base/NotificationListGroup.less

@@ -20,6 +20,7 @@
 	}
 
 	.sapMNLGroupHeader {
+		position: relative;
 		min-height: 2.75rem;
 		background: @_sap_m_NotificationListGroup_Background;
 		border-bottom: 0.0625rem solid @sapUiListGroupHeaderBorderColor;
@@ -27,6 +28,7 @@
 		padding: 0.75rem 0.5rem 0 1rem;
 		display: flex;
 		align-items: flex-start;
+		outline: none;
 
 		.sapMNLIBPriority {
 			padding-top: 0.75rem;
@@ -44,6 +46,18 @@
 		}
 	}
 
+	&:focus .sapMNLGroupHeader::before {
+		content: " ";
+		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		position: absolute;
+		top: 1px;
+		right: 1px;
+		bottom: 1px;
+		left: 1px;
+		z-index: 2;
+		pointer-events: none;
+	}
+
 	.sapMNLGroupChildren {
 		margin: 0;
 		padding: 0;

package/src/sap/m/themes/base/NotificationListItem.less

@@ -106,6 +106,18 @@
 	&.sapMNLIB-LayoutS .sapMNLIImage {
 		display: none;
 	}
+
+	&:focus::before {
+		content: " ";
+		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
+		position: absolute;
+		top: 1px;
+		right: 1px;
+		bottom: 1px;
+		left: 1px;
+		z-index: 2;
+		pointer-events: none;
+	}
 }
 
 .sapMNLGroup .sapMNLI {

package/src/sap/m/themes/base/ObjectNumber.less

@@ -37,6 +37,15 @@
 			height: 2rem;
 		}
 	}
+
+	&.sapMObjectNumberLongText{
+		.sapMObjectNumberText {
+			word-break: break-word;
+			text-overflow: unset;
+			white-space: break-spaces;
+			-webkit-box-orient: unset;
+		}
+	}
 }
 
 .sapMObjectNumberText {

package/src/sap/m/themes/base/ObjectStatus.less

@@ -30,6 +30,13 @@
 		height: inherit;
 		vertical-align: top;
 	}
+
+	&.sapMObjectStatusLongText{
+		.sapMObjStatusText {
+			word-break: break-all;
+		}
+	}
+
 	.sapMObjStatusTitle::after {
 		content: attr(data-colon);
 		white-space: pre;
@@ -693,4 +700,15 @@ html.sap-desktop .sapMListTblHasPopin .sapMObjStatusActive:focus {
 		right: 1px;
 		outline: 1px dotted @sapUiContentFocusColor;
 	}
+}
+
+.sapMListTblCell {
+	.sapMObjStatus.sapMObjStatusInverted {
+		display: inline-table;
+
+		.sapMObjStatusText {
+			line-height: 1rem;
+			vertical-align: middle;
+		}
+	}
 }

package/src/sap/m/themes/base/Panel.less

@@ -115,7 +115,7 @@ html.sap-desktop .sapUiFioriObjectPage > section > .sapMPanel {
 
 .sapMPanel .sapMPanelWrappingDiv .sapMPanelHdr,
 .sapMPanel .sapMPanelWrappingDivTb .sapMIBar.sapMTB {
-	margin-left: 2.5rem;
+	margin-left: 2.75rem;
 
   	>:first-child {
 	  margin-left: 0;

package/src/sap/m/themes/base/PlanningCalendar.less

@@ -40,6 +40,20 @@
 	padding-left: 0.875rem;
 }
 
+.sapMPlanCal .sapUiCalItem.sapUiCalItemWithSecondaryType {
+	display: flex;
+	flex-direction: column;
+	justify-content: center;
+	font-size: 0.75rem;
+	.sapUiCalItemText {
+		height: 50%;
+		line-height: 1.175rem;
+	}
+	.sapUiCalItemAddText {
+		line-height: 1.175rem;
+	}
+}
+
 .sapUiSizeCompact {
 	.sapMPlanCal .sapUiCalNoNameLine .sapUiCalItem {
 		height: 2rem;

package/src/sap/m/themes/base/RadioButton.less

@@ -15,7 +15,7 @@
 	max-width: 100%;
 	display: flex;
 
-	> .sapMRbBLabel {
+	> .sapMRbBLabel:not(.sapMLabelNoText) {
 		padding-right: 0.125rem;
 	}
 }

package/src/sap/m/themes/base/SinglePlanningCalendarMonthGrid.less

@@ -77,6 +77,7 @@
 
 .sapMSPCMonthNowMarker {
 	border: 0.125rem solid @sapUiLegendCurrentDateTime;
+	pointer-events: none;
 	height: inherit;
 	.sapMSPCMonthDayNumber {
 		padding-top: 0.4rem;

package/src/sap/m/themes/base/Slider.less

@@ -12,7 +12,6 @@
 	vertical-align: top;
 	box-sizing: border-box;
 	position: relative;
-	height: 3.3125rem;
 	padding: 1.406rem 1.0625rem;
 	z-index: 0;
 }
@@ -55,10 +54,10 @@
 	padding: 0;
 	list-style: none;
 	position: absolute;
-	top: 0.625rem;
-	left: 1.0625rem;
-	right: 1.0625rem;;
-	display: block;
+	top: -0.75rem;
+	left: 0;
+	right: 0;
+	display: flex;
 	height: 1.75rem;
 	z-index: 0;
 }
@@ -135,10 +134,10 @@
 		border: @sapUiContentFocusWidth @sapUiContentFocusStyle @sapUiContentFocusColor;
 		border-radius: 50%;
 		pointer-events: none;
-		top: -4px;
-		bottom: -4px;
-		left: -4px;
-		right: -4px;
+		top: -0.25rem;
+		bottom: -0.25rem;
+		left: -0.25rem;
+		right: -0.25rem;
 	}
 }
 
@@ -164,6 +163,7 @@
 
 	.sapMSliderTickmarks {
 		height: 1rem;
+		top: -0.375rem;
 	}
 
 	.sapMSliderLabel {

package/src/sap/m/themes/base/SplitButton.less

@@ -42,7 +42,9 @@
 
 .sapMTB-Transparent-CTX .sapMSB .sapMSBText:hover .sapMBtnDefault.sapMBtnInner {
 	border-right-width: 0.0625rem;
-	padding-right: 0.5rem;
+	&.sapMBtnText {
+		padding-right: 0.5rem;
+	}
 }
 
 .sapMSB .sapMSBArrow .sapMBtnInner {

package/src/sap/m/themes/base/Table.less

@@ -176,6 +176,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 /* Ensuring that the row height is not smaller that 3rem in Cozy mode */
 .sapMListTblRow {
 	height: @sapUiElementLineHeight;
+	position: static; /* override the position: relative rule of the list item */
 }
 
 .sapMListTblCell.sapMListTblCellNoData {
@@ -222,7 +223,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 /* sticky headerToolbar, infoToolbar and column headers */
 .sapMSticky .sapMListTblHeader {
 	position: sticky;
-	z-index: 1;
+	z-index: 2; /* allow controls to have own z-index: 1 */
 }
 
 /* .sapMSticky7 denotes that the headerToolbar, infoToolbar and column headers are sticky */
@@ -255,7 +256,13 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 
 /* busyIndicator should not block the toolbars if <table> is set busy */
 .sapMSticky > .sapMListTbl > .sapUiLocalBusyIndicator {
-	z-index: 1;
+	z-index: 3;
+}
+
+/* define outline for the block layer */
+.sapMListTblCnt > .sapUiBlockLayerOnly:focus {
+	outline: @_sap_m_ListItemBase_Focus_Outline;
+	outline-offset: @_sap_m_ListItemBase_Focus_OffsetWithGap;
 }
 
 /* table footer */
@@ -377,8 +384,8 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 	color: @sapUiListActiveTextColor;
 }
 
-.sapMColumnHeaderActive > .sapMColumnHeaderContent {
-	cursor: default;
+.sapMColumnHeaderActive, .sapMColumnHeaderActive > .sapMColumnHeaderContent {
+	cursor: pointer;
 }
 
 .sapMColumnHeaderFocusable:focus {
@@ -413,7 +420,7 @@ tr.sapMListTblHeaderNone > .sapMTableTH {
 .sapMTableRowCustomFocus:focus {
 	outline: none;
 
-	.sapMListTblCell > :first-child {
+	.sapMListTblCell:not(.sapMListTblCellDup) > :first-child {
 		position: relative;
 	}
 
@@ -469,7 +476,7 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 	.sapMObjStatus {
 		line-height: 1.4;
 
-		.sapMObjStatusText .sapMObjStatusTitle {
+		.sapMObjStatusText {
 			line-height: inherit;
 		}
 
@@ -477,6 +484,9 @@ html[data-sap-ui-browser^='ff'] .sapMTableRowCustomFocus:focus > :not(.sapMListT
 			vertical-align: middle;
 		}
 	}
+	.sapMFlexItem .sapMText {
+		line-height: inherit;
+	}
 }
 
 /* special class name to add margin to multiline contents */

package/src/sap/m/themes/base/TextArea.less

@@ -3,10 +3,16 @@
 /* Base theme                      */
 /* =============================== */
 
-@_sapMTextAreaPadding: 0.625rem 0.75rem;
-@_sapMTextAreaPadding_Compact: 0.1875rem 0.5rem;
-@_sapMTextAreaValueStatePadding: 0.5625rem 0.6875rem;
-@_sapMTextAreaValueStatePadding_Compact: 0.125rem 0.4375rem;
+@_sapMTextAreaPadding: 0.4375rem 0.5625rem;
+@_sapMTextAreaPadding_Compact: 0.125rem 0.4375rem;
+@_sapMTextAreaReadonlyPadding: 0.4375rem 0.5625rem;
+@_sapMTextAreaReadonlyPadding_Compact: 0.125rem 0.4375rem;
+@_sapMTextAreaValueStateSuccessPadding: 0.4375rem 0.5625rem;
+@_sapMTextAreaValueStateSuccessPadding_Compact: 0.125rem 0.4375rem;
+@_sapMTextAreaValueStateInformationPadding: 0.375rem 0.5rem;
+@_sapMTextAreaValueStateInformationPadding_Compact: 0.0625rem 0.375rem;
+@_sapMTextAreaValueStateErrorWarningPadding: 0.375rem 0.5rem;
+@_sapMTextAreaValueStateErrorWarningPadding_Compact: 0.0625rem 0.375rem;
 
 /* uses sapMInputBase styles */
 
@@ -65,7 +71,6 @@
 	visibility: hidden;
 	word-break: break-word;
 	font-size: @sapFontSize;
-	padding: @_sapMTextAreaPadding;
 }
 
 .sapMInputBase.sapMTextArea {
@@ -75,14 +80,39 @@
 
 	.sapMTextAreaInner {
 		line-height: 1.4;
-		padding: @_sapMTextAreaPadding;
 		-webkit-overflow-scrolling: touch; /* IOS only */
 	}
+
+	&.sapMInputBaseReadonly .sapMInputBaseReadonlyWrapper {
+		background-image: none;
+	}
+}
+
+.sapMInputBase.sapMTextArea {
+	.sapMTextAreaInner, .sapMTextAreaMirror {
+		padding: @_sapMTextAreaPadding;
+	}
+	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperError,
+	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperWarning {
+		.sapMTextAreaInner, .sapMTextAreaMirror {
+			padding: @_sapMTextAreaValueStateErrorWarningPadding;
+		}
+	}
+	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperSuccess {
+		.sapMTextAreaInner, .sapMTextAreaMirror {
+			padding: @_sapMTextAreaValueStateSuccessPadding;
+		}
+	}
+	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperInformation {
+		.sapMTextAreaInner, .sapMTextAreaMirror {
+			padding: @_sapMTextAreaValueStateInformationPadding;
+		}
+	}
 }
 
-.sapMInputBase.sapMTextArea .sapMInputBaseContentWrapperState {
+.sapMInputBase.sapMTextArea.sapMInputBaseReadonly {
 	.sapMTextAreaInner, .sapMTextAreaMirror {
-		padding: @_sapMTextAreaValueStatePadding;
+		padding: @_sapMTextAreaReadonlyPadding;
 	}
 }
 
@@ -109,15 +139,31 @@
 			padding-top: 0.3125rem;
 		}
 	}
+	.sapMInputBase.sapMTextArea.sapMInputBaseReadonly {
+		.sapMTextAreaInner, .sapMTextAreaMirror {
+			padding: @_sapMTextAreaReadonlyPadding_Compact;
+		}
+	}
 }
 
 .sapUiSizeCompact .sapMInputBase.sapMTextArea {
 	.sapMTextAreaInner, .sapMTextAreaMirror {
 		padding: @_sapMTextAreaPadding_Compact;
 	}
-	.sapMInputBaseContentWrapperState {
+	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperError,
+	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperWarning {
 		.sapMTextAreaInner, .sapMTextAreaMirror {
-			padding: @_sapMTextAreaValueStatePadding_Compact;
+			padding: @_sapMTextAreaValueStateErrorWarningPadding_Compact;
+		}
+	}
+	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperSuccess {
+		.sapMTextAreaInner, .sapMTextAreaMirror {
+			padding: @_sapMTextAreaValueStateSuccessPadding_Compact;
+		}
+	}
+	.sapMInputBaseContentWrapperState.sapMInputBaseContentWrapperInformation {
+		.sapMTextAreaInner, .sapMTextAreaMirror {
+			padding: @_sapMTextAreaValueStateInformationPadding_Compact;
 		}
 	}
 }
@@ -134,7 +180,7 @@ html.sap-tablet, html.sap-phone {
 	}
 }
 
-html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea .sapMInputBaseContentWrapper ::-webkit-scrollbar {
+html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea .sapMInputBaseContentWrapper:not(.sapMInputBaseReadonlyWrapper) ::-webkit-scrollbar {
 	background: @sapUiFieldBackgroundStyle;
 	background-color: @sapUiScrollBarTrackColor;
 }
@@ -159,9 +205,4 @@ html.sap-desktop:not(.sapUiNativeScrollbars) .sapMTextArea {
 		background: @sapUiFieldSuccessBackgroundStyle;
 		background-color: @sapUiScrollBarTrackColor;
 	}
-
-	.sapMInputBaseReadonlyWrapper ::-webkit-scrollbar {
-		background: @sapField_ReadOnly_BackgroundStyle;
-		background-color: @sapUiScrollBarTrackColor;
-	}
 }

package/src/sap/m/themes/base/Toolbar.less

@@ -94,7 +94,7 @@
 }
 
 /*** Toolbar inside of Form as Form- and Container- header ***/
-.sapUiFormContainerToolbar > .sapMTB{
+.sapUiFormContainerToolbar > .sapMTB.sapMIBar {
 	border-bottom: none;
 	padding: 0;
 }

package/src/sap/m/themes/base/UploadCollection.less

@@ -345,7 +345,7 @@
 		white-space: nowrap; /* so that buttons are displayed in a row */
 		padding-left: 1rem;
 		padding-top: 0rem;
-		align-self: flex-end; /* for buttons alignment at the bottom */
+		align-self: center; /* for buttons alignment at the center */
 		flex: none;
 	}
 }

package/src/sap/m/themes/base/VariantManagement.less

@@ -4,40 +4,50 @@
 /* ============================================== */
 
 .sapMVarMngmt {
-	display: inline-block;
 	text-align: center;
 }
 
-.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:first-child {
-   vertical-align: middle;  
-}
 .sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:first-child>div {
-   vertical-align: middle;  
-}
-
-.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:nth-child(2) {
-   vertical-align: top;  
+   vertical-align: middle;
 }
 .sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:nth-child(2)>span {
-   vertical-align: top;  
-}
-
-.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:last-child {
-   vertical-align: middle;
+   vertical-align: top;
+   padding-bottom: 8px;
 }
 .sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:last-child>button {
    vertical-align: middle;
 }
 
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout {
+   display: grid;
+   grid-template-columns: minmax(0, 1fr) 12px 32px;
+   align-items: center;
+}
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout.sapMVarMngmtLayoutModifiedHidden {
+   grid-template-columns: minmax(0, 1fr) 1px 32px;
+}
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:first-child {
+	grid-column: 1;
+	grid-row: 1;
+}
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:nth-child(2) {
+	grid-column: 2;
+	grid-row: 1;
+}
+.sapMVarMngmt .sapUiHLayout.sapMVarMngmtLayout .sapUiHLayoutChildWrapper:nth-child(3) {
+	grid-column: 3;
+	grid-row: 1;
+}
+
 .sapMVarMngmt .sapMTitle.sapMVarMngmtTitle  {
-    color: @sapUiLink;	
+    color: @sapUiLink;
 }
 
-.sapMVarMngmtModified {
+.sapMVarMngmt .sapMVarMngmtModified {
 	color: @sapUiLink;
 	font-weight: bold;
 	padding-left: 0.125rem;
-	padding-right: 0.125rem;	
+	padding-right: 0.125rem;
 }
 
 .sapMVarMngmtErrorPopover>div {
@@ -49,22 +59,14 @@
 	padding-right: 4rem;
 }
 
-.sapMVarMngmt .sapMVarMngmtTextPhoneMaxWidth {
-	max-width: 5em;
-}
-
-.sapMVarMngmt .sapMVarMngmtTextMaxWidth {
-	max-width: 25rem;
-}
-
 .sapMVarMngmt .sapMVarMngmtClickable:hover {
 	color: @sapUiLinkHoverColor;
-	cursor: default;	
+	cursor: default;
 }
 
 .sapMVarMngmt .sapMVarMngmtClickable:active {
 	color: @sapUiLinkActiveColor;
-	cursor: pointer;	
+	cursor: pointer;
 }
 
 .sapMVarMngmt .sapMVarMngmtDisabled {

package/src/sap/m/themes/base/WizardProgressNavigator.less

@@ -237,7 +237,6 @@ html.sap-phone .sapMWizardProgressNav {
 }
 
 .sapMWizardProgressNavStepTitle {
-	display: inline-block;
 	overflow: hidden;
 	max-width: 100%;
 	max-height: 2.875rem;
@@ -245,11 +244,13 @@ html.sap-phone .sapMWizardProgressNav {
 	font-size: @sapMFontMediumSize;
 	color: @sapUiGroupTitleTextColor;
 	vertical-align: middle;
+	display: -webkit-inline-box;
+	-webkit-box-orient: vertical;
+	-webkit-line-clamp: 2;
 }
 
 .sapMWizardProgressNavStepTitleOptional {
-	text-overflow: ellipsis;
-	white-space: nowrap;
+	-webkit-line-clamp: 1;
 	line-height: 100%;
 }