@openui5/sap.m 1.102.2 → 1.104.0

package/src/sap/m/semantic/SegmentedContainer.js

@@ -20,7 +20,7 @@ sap.ui.define(['sap/m/semantic/Segment', 'sap/ui/base/Object', "sap/base/Log"],
 	 * Constructor for an sap.m.semantic.SegmentedContainer.
 	 *
 	 * @class text
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 * @private
 	 * @since 1.30.0
 	 * @alias sap.m.semantic.SegmentedContainer

package/src/sap/m/semantic/SemanticButton.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SemanticConfiguration.js

@@ -36,7 +36,7 @@ sap.ui.define([
 	 * Constructor for an sap.m.semantic.SemanticConfiguration.
 	 *
 	 * @class Defines the visual properties and positioning for each supported semantic type
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 * @private
 	 * @since 1.30.0
 	 * @alias sap.m.semantic.SemanticConfiguration

package/src/sap/m/semantic/SemanticControl.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SemanticOverflowToolbarButton.js

@@ -22,15 +22,15 @@ sap.ui.define(['sap/m/OverflowToolbarButton', 'sap/m/ButtonRenderer'],
 	 * @extends sap.m.OverflowToolbarButton
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @private
 	 * @since 1.38
-	 * @alias sap.m.SemanticOverflowToolbarButton
+	 * @alias sap.m.semantic.SemanticOverflowToolbarButton
 	 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 	 */
-	var SemanticOverflowToolbarButton = OverflowToolbarButton.extend("sap.m.semantic.SemanticOverflowToolbarButton", /** @lends sap.m.SemanticOverflowToolbarButton.prototype */ {
+	var SemanticOverflowToolbarButton = OverflowToolbarButton.extend("sap.m.semantic.SemanticOverflowToolbarButton", /** @lends sap.m.semantic.SemanticOverflowToolbarButton.prototype */ {
 		metadata: {
 			library: "sap.m"
 		},

package/src/sap/m/semantic/SemanticOverflowToolbarToggleButton.js

@@ -22,15 +22,15 @@ sap.ui.define(["sap/m/OverflowToolbarToggleButton", "sap/m/ToggleButtonRenderer"
 		 * @extends sap.m.OverflowToolbarToggleButton
 		 *
 		 * @author SAP SE
-		 * @version 1.102.2
+		 * @version 1.104.0
 		 *
 		 * @constructor
 		 * @private
 		 * @since 1.80
-		 * @alias sap.m.SemanticOverflowToolbarToggleButton
+		 * @alias sap.m.semantic.SemanticOverflowToolbarToggleButton
 		 * @ui5-metamodel This control/element also will be described in the UI5 (legacy) designtime metamodel
 		 */
-		var SemanticOverflowToolbarToggleButton = OverflowToolbarToggleButton.extend("sap.m.semantic.SemanticOverflowToolbarToggleButton", /** @lends sap.m.SemanticOverflowToolbarToggleButton.prototype */ {
+		var SemanticOverflowToolbarToggleButton = OverflowToolbarToggleButton.extend("sap.m.semantic.SemanticOverflowToolbarToggleButton", /** @lends sap.m.semantic.SemanticOverflowToolbarToggleButton.prototype */ {
 			metadata: {
 				library: "sap.m"
 			},

package/src/sap/m/semantic/SemanticPage.js

@@ -109,7 +109,7 @@ function(
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SemanticSelect.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/m/semantic/SemanticControl', 'sap/m/Select', "sap/base/Log"]
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SemanticToggleButton.js

@@ -29,7 +29,7 @@ sap.ui.define([
 	 * @abstract
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SendEmailAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/m/semantic/SemanticButton'], function(SemanticButton) {
 	 * @extends sap.m.semantic.SemanticButton
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SendMessageAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/m/semantic/SemanticButton'], function(SemanticButton) {
 	 * @extends sap.m.semantic.SemanticButton
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/ShareInJamAction.js

@@ -19,7 +19,7 @@ sap.ui.define(['sap/m/semantic/SemanticButton'], function(SemanticButton) {
 	 * @extends sap.m.semantic.SemanticButton
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/ShareMenu.js

@@ -48,7 +48,7 @@ sap.ui.define([
 	 * ShareMenu is a special menu that is represented by (1) an actionSheet with the menu items and (2) a button that opens the actionSheet.
 	 * If the menu has only one item, then that item appears in place of the button that opens the actionSheet.
 	 *
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 * @private
 	 * @since 1.30.0
 	 * @alias sap.m.semantic.ShareMenu

package/src/sap/m/semantic/ShareMenuPage.js

@@ -22,7 +22,7 @@ sap.ui.define(["sap/m/semantic/SemanticPage", "sap/m/semantic/SemanticConfigurat
 	 * @extends sap.m.semantic.SemanticPage
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SortAction.js

@@ -25,7 +25,7 @@ sap.ui.define(['sap/m/semantic/SemanticButton'], function(SemanticButton) {
 	 * @implements sap.m.semantic.ISort
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/semantic/SortSelect.js

@@ -24,7 +24,7 @@ sap.ui.define(['sap/m/semantic/SemanticSelect'], function(SemanticSelect) {
 	 * @implements sap.m.semantic.ISort
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @constructor
 	 * @public

package/src/sap/m/table/Util.js

@@ -18,7 +18,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias module:sap/m/table/Util
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 * @since 1.96.0
 	 * @private
 	 * @experimental Since 1.96.0. This class is experimental and the API might be changed in future.
@@ -147,7 +147,7 @@ sap.ui.define([
 	 * Calculates the width of the column header width according to calculated cell content and min/max width restrictions.
 	 *
 	 * @param {string} sHeader The header text
-	 * @param {float} fContentWidth The calculated width of the cell in rem
+	 * @param {float} [fContentWidth] The calculated width of the cell in rem
 	 * @param {int} [iMaxWidth=19] The maximum header width in rem
 	 * @param {int} [iMinWidth=2] The minimum header width in rem
 	 * @returns {float} The calculated header width in rem
@@ -175,6 +175,9 @@ sap.ui.define([
 			if (iMinWidth > iHeaderLength) {
 				return iMinWidth;
 			}
+			if (!fContentWidth) {
+				return Util.measureText(sHeader, fnGetHeaderFont());
+			}
 
 			fContentWidth = Math.max(fContentWidth, iMinWidth);
 			if (fContentWidth > iHeaderLength) {
@@ -203,6 +206,7 @@ sap.ui.define([
 	 * @param {int} [mSettings.maxWidth=19] The maximum content width of the field in rem
 	 * @param {int} [mSettings.padding=1] The sum of column padding and border in rem
 	 * @param {float} [mSettings.gap=0] The additional content width in rem
+	 * @param {boolean} [mSettings.truncateLabel=true] Whether the header of the column can be truncated or not
 	 * @param {boolean} [mSettings.verticalArrangement=false] Whether the fields are arranged vertically
 	 * @param {int} [mSettings.defaultWidth=8] The default column content width when type check fails
 	 * @returns {string} The calculated width of the column
@@ -219,6 +223,7 @@ sap.ui.define([
 			minWidth: 2,
 			maxWidth: 19,
 			defaultWidth: 8,
+			truncateLabel: true,
 			padding: 1,
 			gap: 0,
 			verticalArrangement: false
@@ -246,7 +251,7 @@ sap.ui.define([
 		}, 0);
 
 		if (sHeader) {
-			fHeaderWidth = Util.calcHeaderWidth(sHeader, fContentWidth, iMaxWidth, iMinWidth);
+			fHeaderWidth = Util.calcHeaderWidth(sHeader, (mSettings.truncateLabel ? fContentWidth : 0), iMaxWidth, iMinWidth);
 		}
 
 		fContentWidth = Math.max(iMinWidth, fContentWidth, fHeaderWidth);

package/src/sap/m/table/columnmenu/ActionItem.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.ItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/Entry.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/Item.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.ItemBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/ItemBase.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/Menu.js

@@ -55,6 +55,9 @@ sap.ui.define([
 	// shortcut for sap.ui.core.aria.HasPopup
 	var HasPopup = coreLibrary.aria.HasPopup;
 
+	// shortcut for sap.ui.core.VerticalAlign
+	var VerticalAlign = coreLibrary.VerticalAlign;
+
 	/**
 	 * Constructor for a new Menu.
 	 *
@@ -75,7 +78,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Control
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -210,7 +213,7 @@ sap.ui.define([
 
 		this._oPopover = new ResponsivePopover({
 			showArrow: false,
-			showHeader: false,
+			showHeader: Device.system.phone,
 			placement: library.PlacementType.Bottom,
 			content: new AssociativeControl({control: this, height: true}),
 			contentWidth: MENU_WIDTH,
@@ -278,6 +281,9 @@ sap.ui.define([
 	};
 
 	function isInControlTree(oParent, oChild) {
+		if (!oParent || !oChild) {
+			return false;
+		}
 		var temp = oChild.getParent();
 		if (!temp) {
 			return false;
@@ -539,7 +545,7 @@ sap.ui.define([
 			var oLabel = new Label({
 				text: oEffectiveQuickAction.getLabel(),
 				layoutData: oGridData,
-				vAlign: sap.ui.core.VerticalAlign.Middle,
+				vAlign: VerticalAlign.Middle,
 				wrapping: true
 			}).setWidth("100%");
 			oLabel.addStyleClass("sapMTCMenuQALabel");

package/src/sap/m/table/columnmenu/QuickAction.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @since 1.99

package/src/sap/m/table/columnmenu/QuickActionBase.js

@@ -23,7 +23,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickActionItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.Entry
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickGroup.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -127,6 +127,26 @@ sap.ui.define([
 		}
 	};
 
+	QuickGroup.prototype._updateContent = function() {
+		var aItems = this.getItems();
+		var aContent = this.getContent();
+		var oItem, oButton;
+
+		for (var i = 0; i < aItems.length; i++) {
+			oItem = aItems[i];
+			oButton = aContent[i];
+			if (!oButton) {
+				oButton = new ToggleButton({press: [oItem, this.onChange, this]});
+			}
+			oButton.setText(oItem.getLabel());
+			oButton.setPressed(oItem.getGrouped());
+		}
+
+		for (var i = aItems.length; i < aContent.length; i++) {
+			aContent[i].destroy();
+		}
+	};
+
 	QuickGroup.prototype.onChange = function(oEvent, oItem) {
 		oItem.setProperty("grouped", oEvent.getParameters().pressed, true);
 		this.fireChange({item: oItem});

package/src/sap/m/table/columnmenu/QuickGroupItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -43,5 +43,17 @@ sap.ui.define([
 		}
 	});
 
+	/*
+	 * @see JSDoc generated by SAPUI5 control API generator
+	 */
+	QuickGroupItem.prototype.setGrouped = function(bGrouped) {
+		this.setProperty("grouped", bGrouped);
+
+		var oQuickGroup = this.getParent();
+		if (oQuickGroup) {
+			oQuickGroup._updateContent();
+		}
+	};
+
 	return QuickGroupItem;
 });

package/src/sap/m/table/columnmenu/QuickSort.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickSortItem.js

@@ -34,7 +34,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental

package/src/sap/m/table/columnmenu/QuickTotal.js

@@ -27,7 +27,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionBase
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -127,6 +127,26 @@ sap.ui.define([
 		}
 	};
 
+	QuickTotal.prototype._updateContent = function() {
+		var aItems = this.getItems();
+		var aContent = this.getContent();
+		var oItem, oButton;
+
+		for (var i = 0; i < aItems.length; i++) {
+			oItem = aItems[i];
+			oButton = aContent[i];
+			if (!oButton) {
+				oButton = new ToggleButton({press: [oItem, this.onChange, this]});
+			}
+			oButton.setText(oItem.getLabel());
+			oButton.setPressed(oItem.getTotaled());
+		}
+
+		for (var i = aItems.length; i < aContent.length; i++) {
+			aContent[i].destroy();
+		}
+	};
+
 	QuickTotal.prototype.onChange = function(oEvent, oItem) {
 		oItem.setProperty("totaled", oEvent.getParameters().pressed, true);
 		this.fireChange({item: oItem});

package/src/sap/m/table/columnmenu/QuickTotalItem.js

@@ -24,7 +24,7 @@ sap.ui.define([
 	 * @extends sap.m.table.columnmenu.QuickActionItem
 	 *
 	 * @author SAP SE
-	 * @version 1.102.2
+	 * @version 1.104.0
 	 *
 	 * @private
 	 * @experimental
@@ -43,5 +43,17 @@ sap.ui.define([
 		}
 	});
 
+	/*
+	 * @see JSDoc generated by SAPUI5 control API generator
+	 */
+	QuickTotalItem.prototype.setTotaled = function(bTotaled) {
+		this.setProperty("totaled", bTotaled);
+
+		var oQuickTotal = this.getParent();
+		if (oQuickTotal) {
+			oQuickTotal._updateContent();
+		}
+	};
+
 	return QuickTotalItem;
 });

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

@@ -6,7 +6,7 @@
 .sapMALI {
 	display: -webkit-box;
 	display: flex;
-	height: 3rem;
+	height: 2.75rem;
 }
 
 .sapMALIText {

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

@@ -114,3 +114,20 @@
 	margin: 0;
 	height: 1.2rem;
 }
+
+/* make Breadcrumbs shrinkable when used in OTB */
+.sapMOTB .sapMBreadcrumbs {
+	min-width: 1px; /* needed for width calculations on initial render */
+	max-width: 100%;
+}
+
+.sapMOTB .sapMBreadcrumbs .sapMBreadcrumbsItem:last-child {
+	flex-basis: 2.5rem;
+	flex-grow: 1;
+	overflow: hidden;
+}
+
+/* prevent Breadcrumbs with long text from causing a horizontal scrollbar in OTB Menu */
+.sapMOverflowToolbarMenu-CTX .sapMBreadcrumbs {
+	max-width: 90vw;
+}

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

@@ -84,6 +84,7 @@ html[dir="rtl"] .sapMCb {
 .sapMCb .sapMLabel {
 	cursor: default;
 	line-height: inherit;
+	display: block;
 
 	&.sapMLabelNoText {
 		position: absolute;
@@ -152,6 +153,7 @@ html[dir="rtl"] .sapMCb {
 .sapMCbBg > input {
 	left: 0;
 	-webkit-appearance: none;
+	position: absolute;
 	visibility: hidden;
 }
 

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

@@ -121,6 +121,7 @@ html.sap-desktop .sapMDialog {
 	html[data-sap-ui-browser^="sf"] & .sapMDialogSection {
 		/* For Safari - allow the vertical scroll bar to overlap the right padding which we use to compensate for its width. This happens by default for other browsers. */
 		overflow-y: overlay !important;
+		padding-right: 0px !important;
 	}
 }
 
@@ -205,7 +206,6 @@ html.sap-desktop .sapMDialog {
 
 .sapMDialog > header.sapMDialogTitle .sapMTitle {
 	color: @sapUiPageHeaderTextColor;
-	margin: 0;
 	vertical-align: middle;
 }
 
@@ -218,7 +218,6 @@ html.sap-desktop .sapMDialog {
 
 .sapMDialog > header.sapMDialogTitle .sapMDialogIcon.sapUiIcon {
 	font-size: 1.25rem;
-	margin-right: 0.5rem;
 	vertical-align: middle;
 }
 

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

@@ -41,9 +41,10 @@
 	text-overflow: ellipsis;
 	padding-left: 1rem;
 	padding-top: 0.875rem;
-	font-size: 2.5rem;
+	font-size: 2.25rem;
 	line-height: 3rem;
-	max-width: 20.5rem;
+	max-width: 10.25rem;
+	min-width: 3rem;
 	float: right;
 	font-family: @sapUiFontHeaderFamily;
 	font-weight: @sapUiFontHeaderWeight;
@@ -58,10 +59,16 @@
 }
 
 .sapMFCCTxt .sapMText {
-	font-size: @sapMFontSmallSize;
+	font-size: @sapFontSize;
 	color: @sapUiTileTitleTextColor;
 }
 
+.sapMGT.TwoByOne.sapMTileSmallPhone{
+	.sapMFCCTxt .sapMText {
+		font-size: @sapFontSmallSize;
+	}
+}
+
 .sapMFCValue.Neutral {
 	color: @sapUiNeutralText;
 }
@@ -103,9 +110,10 @@ html.sap-desktop .sapMFC:focus:not([tabindex]) {
 
 	.sapMFCValue {
 		padding-top: 1.188rem;
-		padding-left: 0.5rem;
+		padding-left: 0.4rem;
 		font-size: 2rem;
 		line-height: 2.25rem;
-		max-width: 17.75rem;
+		max-width: 8.25rem;
+		min-width: 2.5rem
 	}
 }

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

@@ -3,6 +3,8 @@
 @sapMGenericTagStatusIconWidth: 1rem;
 @sapMGenericTagIconPaddingRight: 0.5rem;
 @sapMGenericTagTextMinWidth: 1.5625rem;
+@sapMGenericTagHeightCompact: 1.625rem;
+@sapMGenericTagHeightCozy: 2.5rem;
 
 .sapMGenericTag {
 	margin-top: 0.1875rem;
@@ -72,7 +74,7 @@ html.sap-desktop .sapMGenericTag:focus {
 	flex-flow: row nowrap;
 	align-items: center;
 	page-break-after: auto;
-	height: 1.625rem;
+	height: @sapMGenericTagHeightCompact;
 	min-width: @sapMGenericTagBorderWidth + @sapMGenericTagPaddingLeft + @sapMGenericTagStatusIconWidth + @sapMGenericTagIconPaddingRight+ @sapMGenericTagTextMinWidth;
 
 	.sapMGenericTagIcon {
@@ -126,7 +128,7 @@ html.sap-desktop .sapMGenericTag:focus {
 	}
 
 	.sapMGenericTagActive &  {
-		background: @sapUiListActiveBackground;
+		background-color: @sapUiListActiveBackground;
 
 		.sapMGenericTagIcon,
 		.sapMGenericTagText,
@@ -189,7 +191,7 @@ html.sap-desktop .sapMGenericTag:focus {
 		margin: 0.25rem 0;
 
 		.sapMGenericTagWrap {
-			height:  2.5rem;
+			height:  @sapMGenericTagHeightCozy;
 		}
 	}
 }