@openui5/sap.uxap 1.101.0 → 1.102.2

package/.eslintrc.json

@@ -0,0 +1,18 @@
+{
+	"overrides": [
+		/*
+		 * Productive code, sample and unit test code of sap.uxap has been cleaned up.
+		 * No more references to the global jQuery allowed
+		 */
+		{
+			"files": [
+				"src/**/*.js",
+				"test/sap/uxap/demokit/**/*.js",
+				"test/sap/uxap/qunit/**/*.js"
+			],
+			"globals": {
+				"jQuery": "off"
+			}
+		}
+	]
+}

package/THIRDPARTY.txt

@@ -450,7 +450,7 @@ License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt
 Contained in: lib/jsdoc/ui5/plugin.js
 
-Component: SAP Theming Base Content, version: 11.1.38
+Component: SAP Theming Base Content, version: 11.1.39
 Copyright: SAP SE or an SAP affiliate company and Theming Base Content contributors
 License: Apache-2.0
 License Text: https://github.com/SAP/openui5/blob/master/LICENSES/Apache-2.0.txt

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@openui5/sap.uxap",
-  "version": "1.101.0",
+  "version": "1.102.2",
   "description": "OpenUI5 UI Library sap.uxap",
   "author": "SAP SE (https://www.sap.com)",
   "license": "Apache-2.0",
@@ -14,9 +14,9 @@
     "url": "https://github.com/SAP/openui5.git"
   },
   "dependencies": {
-    "@openui5/sap.f": "1.101.0",
-    "@openui5/sap.m": "1.101.0",
-    "@openui5/sap.ui.core": "1.101.0",
-    "@openui5/sap.ui.layout": "1.101.0"
+    "@openui5/sap.f": "1.102.2",
+    "@openui5/sap.m": "1.102.2",
+    "@openui5/sap.ui.core": "1.102.2",
+    "@openui5/sap.ui.layout": "1.102.2"
   }
 }

package/src/sap/uxap/.library

@@ -3,7 +3,7 @@
 
 	<name>sap.uxap</name>
 	<vendor>SAP SE</vendor>
-	<version>1.101.0</version>
+	<version>1.102.2</version>
 	<copyright>OpenUI5
  * (c) Copyright 2009-2022 SAP SE or an SAP affiliate company.
  * Licensed under the Apache License, Version 2.0 - see LICENSE.txt.</copyright>

package/src/sap/uxap/AnchorBar.js

@@ -640,6 +640,22 @@ sap.ui.define([
 		}
 	};
 
+	/**
+	 * Scrolls to the currently selected Section tab, when the header titles is snapped/unsnapped
+	 *
+	 * @public
+	 */
+	AnchorBar.prototype.scrollToCurrentlySelectedSection = function () {
+		var sSelectedButton = this.getSelectedButton(),
+			oSelectedButton = sap.ui.getCore().byId(sSelectedButton),
+			sSelectedSectionId;
+
+		if (oSelectedButton) {
+			sSelectedSectionId = oSelectedButton.data("sectionId");
+			this.scrollToSection(sSelectedSectionId, 0);
+		}
+	};
+
 	// use type 'object' because Metamodel doesn't know ScrollEnablement
 	/**
 	 * Returns an sap.ui.core.delegate.ScrollEnablement object used to handle scrolling.

package/src/sap/uxap/BlockBaseMetadata.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 *
 	 * @class
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.2
 	 * @since 1.26
 	 * @alias sap.uxap.BlockBaseMetadata
 	 * @extends sap.ui.core.ElementMetadata

package/src/sap/uxap/ObjectPageAccessibleLandmarkInfo.js

@@ -22,7 +22,7 @@ sap.ui.define(['sap/ui/core/Element', './library'],
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.2
 	 *
 	 * @constructor
 	 * @public

package/src/sap/uxap/ObjectPageDynamicHeaderContent.js

@@ -41,7 +41,7 @@ sap.ui.define([
 		 * @implements sap.uxap.IHeaderContent
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.2
 		 *
 		 * @constructor
 		 * @public

package/src/sap/uxap/ObjectPageDynamicHeaderTitle.js

@@ -42,7 +42,7 @@ sap.ui.define([
 		 * @implements sap.uxap.IHeaderTitle
 		 *
 		 * @author SAP SE
-		 * @version 1.101.0
+		 * @version 1.102.2
 		 *
 		 * @constructor
 		 * @public

package/src/sap/uxap/ObjectPageLayout.js

@@ -1464,12 +1464,17 @@ sap.ui.define([
 	 *
 	 * The section can either be given by itself or by its id.
 	 *
-	 * Note that an argument of <code>null</code> will cause the first visible section be set as <code>selectedSection</code>.
-	 * This is because the <code>sap.uxap.ObjectPageLayout</code> should always have one of its sections selected (unless it has 0 visible sections).
+	 * If left unspecified, then the page automatically sets
+	 * the value to the first visible section before rendering.
+	 * The value never remains empty because <code>sap.uxap.ObjectPageLayout</code> should
+	 * always have one of its sections selected (unless it has 0 visible sections).
+	 *
+	 * <b>Note:</b> Updating the <code>selectedSection</code> with a value of <code>null</code>
+	 * resets the <code>selectedSection</code> to the first visible section and scrolls the page to the top.
 	 *
 	 * @param {string | sap.uxap.ObjectPageSection} sId
 	 *            The ID or the section instance that should be selected
-	 *            Note that <code>null</code> or <code>undefined</code> are not valid arguments
+	 *            Note that <code>undefined</code> is not a valid argument
 	 * @return {this} Returns <code>this</code> to allow method chaining
 	 * @public
 	 */
@@ -1583,7 +1588,8 @@ sap.ui.define([
 	 * @private
 	 */
 	ObjectPageLayout.prototype._toggleHeaderTitle = function (bExpand, bUserInteraction) {
-		var oHeaderTitle = this.getHeaderTitle();
+		var oHeaderTitle = this.getHeaderTitle(),
+			oAnchorBar = this._oABHelper._getAnchorBar();
 
 		// note that <code>this._$titleArea</code> is the placeholder [of the sticky area] where both the header title and header content are placed
 		if (this._$titleArea.length) {
@@ -1597,6 +1603,8 @@ sap.ui.define([
 		} else {
 			oHeaderTitle && oHeaderTitle.snap(bUserInteraction);
 		}
+
+		oAnchorBar.scrollToCurrentlySelectedSection();
 	};
 
 	/**
@@ -1697,6 +1705,12 @@ sap.ui.define([
 
 			}, this);
 
+			if (iVisibleSubSections > 1) {
+				aSubSections.forEach(function(oSubSection) {
+					oSubSection._setBorrowedTitleDomId("");
+				});
+			}
+
 			//rule noVisibleSubSection: If a section has no content (or only empty subsections) the section will be hidden.
 			if (iVisibleSubSections == 0) {
 				oSection._setInternalVisible(false, bInvalidate);
@@ -2484,8 +2498,9 @@ sap.ui.define([
 		this._aSectionBases.forEach(function (oSectionBase) {
 			var oInfo = this._oSectionInfo[oSectionBase.getId()],
 				$this = oSectionBase.$(),
+				bPromoted = false,
 				oSection,
-				bPromoted = false;
+				iSectionsTopMargin;
 
 			if (!oInfo /* sectionBase is visible */ || !$this.length) {
 				return;
@@ -2499,7 +2514,7 @@ sap.ui.define([
 
 			//calculate the scrollTop value to get the section title at the bottom of the header
 			//performance improvements possible here as .position() is costly
-			var realTop = $this.position().top; //first get the dom position = scrollTop to get the section at the window top
+			var realTop = library.Utilities.getChildPosition($this, this._$contentContainer).top;
 
 			//the amount of scrolling required is the distance between their position().top and the bottom of the anchorBar
 			oInfo.positionTop = Math.ceil(realTop);
@@ -2562,8 +2577,9 @@ sap.ui.define([
 				bParentIsFirstVisibleSection = bUseIconTabBar /* there is only single section per tab */ || (oSectionBase.getParent() === this._oFirstVisibleSection);
 				bIsFirstVisibleSubSection = bParentIsFirstVisibleSection && (iSubSectionIndex === 0); /* index of *visible* subSections is first */
 				bIsFullscreenSection = oSectionBase.hasStyleClass(ObjectPageSubSection.FIT_CONTAINER_CLASS);
+				iSectionsTopMargin = oSection && oSection.$().length ? parseInt(oSection.$().css("marginTop")) : 0;
 
-				oSectionBase._setHeight(this._computeSubSectionHeight(bIsFirstVisibleSubSection, bIsFullscreenSection, Math.ceil(realTop), iSectionsContainerOffsetTop));
+				oSectionBase._setHeight(this._computeSubSectionHeight(bIsFirstVisibleSubSection, bIsFullscreenSection, Math.ceil(realTop), iSectionsContainerOffsetTop, iSectionsTopMargin));
 			}
 
 		}, this);
@@ -2628,7 +2644,8 @@ sap.ui.define([
 		return true; // return success flag
 	};
 
-	ObjectPageLayout.prototype._computeSubSectionHeight = function(bFirstVisibleSubSection, bFullscreenSection, iSubSectionOffsetTop, iSectionsContainerOffsetTop) {
+	ObjectPageLayout.prototype._computeSubSectionHeight = function(bFirstVisibleSubSection, bFullscreenSection,
+		iSubSectionOffsetTop, iSectionsContainerOffsetTop, iSectionsTopMargin) {
 
 		var iSectionsContainerHeight,
 			iRemainingSectionContentHeight;
@@ -2653,8 +2670,8 @@ sap.ui.define([
 
 		if (this._bAllContentFitsContainer) {
 			// if we have a single fullscreen subsection [that takes the entire available height within the sections container]
-			// => subtract the heights above and bellow the subSection to *avoid having a scrollbar*
-			iRemainingSectionContentHeight = (iSubSectionOffsetTop - iSectionsContainerOffsetTop) + this.iFooterHeight;
+			// => subtract the heights above and bellow the subSection to *avoid having a scrollbar*, having in mind the top margin of the Section
+			iRemainingSectionContentHeight = (iSubSectionOffsetTop - iSectionsContainerOffsetTop) + iSectionsTopMargin + this.iFooterHeight;
 			iSectionsContainerHeight -= iRemainingSectionContentHeight;
 		}
 
@@ -2707,7 +2724,7 @@ sap.ui.define([
 		var bIsStickyMode = this._bStickyAnchorBar || this._bHeaderInTitleArea; // get current mode
 		var iLastSectionPositionTop = this._getSectionPositionTop(oLastVisibleSubSection, bIsStickyMode); /* we need to get the position in the current mode */
 
-		return this._$spacer.position().top - iLastSectionPositionTop;
+		return Math.ceil(this._$spacer.position().top) - iLastSectionPositionTop;
 	};
 
 	ObjectPageLayout.prototype._getStickyAreaHeight = function(bIsStickyMode) {

package/src/sap/uxap/ObjectPageLazyLoader.js

@@ -37,7 +37,7 @@ sap.ui.define([
 	 * @extends sap.ui.core.Element
 	 *
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.2
 	 *
 	 * @constructor
 	 * @public

package/src/sap/uxap/ObjectPageSection.js

@@ -9,6 +9,7 @@ sap.ui.define([
     "./ObjectPageSectionBase",
     "sap/ui/Device",
     "sap/m/Button",
+	"sap/ui/core/ResizeHandler",
     "sap/ui/core/StashedControlSupport",
     "./ObjectPageSubSection",
     "./library",
@@ -18,6 +19,7 @@ sap.ui.define([
 	ObjectPageSectionBase,
 	Device,
 	Button,
+	ResizeHandler,
 	StashedControlSupport,
 	ObjectPageSubSection,
 	library,
@@ -130,10 +132,20 @@ sap.ui.define([
 	ObjectPageSection.prototype.init = function () {
 		ObjectPageSectionBase.prototype.init.call(this);
 		this._sContainerSelector = ".sapUxAPObjectPageSectionContainer";
+		this._onResizeRef = this._onResize.bind(this);
 	};
 
 	ObjectPageSection.prototype.exit = function () {
 		this._detachMediaContainerWidthChange(this._updateImportance, this);
+
+		if (this._iResizeHandlerId) {
+			ResizeHandler.deregister(this._iResizeHandlerId);
+			this._iResizeHandlerId = null;
+		}
+	};
+
+	ObjectPageSection.prototype._onResize = function () {
+		this._updateMultilineContent();
 	};
 
 	ObjectPageSection.prototype._getImportanceLevelToHide = function (oCurrentMedia) {
@@ -164,6 +176,37 @@ sap.ui.define([
 		}
 	};
 
+	ObjectPageSection.prototype._updateMultilineContent = function () {
+		var aSubSections = this.getSubSections(),
+			oFirstSubSection = aSubSections.find(function(oSubSection) {
+				return oSubSection.getVisible();
+			});
+
+		if (oFirstSubSection && oFirstSubSection.getDomRef()) {
+			var sTitleDomId = oFirstSubSection._getTitleDomId(),
+				iTitleWidth,
+				iActionsWidth,
+				iHeaderWidth,
+				bMultiLine,
+				oFirstSubSectionTitle;
+
+				// When there are more than one SubSections with no title, sTitleDomId=false.
+				// However, we are not interested in this case anyway, as there is no promoted SubSection
+				if (!sTitleDomId) {
+					return;
+				}
+
+				oFirstSubSectionTitle = document.getElementById(oFirstSubSection._getTitleDomId());
+				// Title is hidden for the first SubSection of the first Section
+				iTitleWidth = oFirstSubSectionTitle ? oFirstSubSectionTitle.offsetWidth : 0;
+				iActionsWidth = this.$().find(".sapUxAPObjectPageSubSectionHeaderActions").width();
+				iHeaderWidth = this.$("header").width();
+				bMultiLine = (iTitleWidth + iActionsWidth) > iHeaderWidth;
+
+			oFirstSubSection._toggleMultiLineSectionContent(bMultiLine);
+		}
+	};
+
 	ObjectPageSection.prototype._determineTheLowestLevelOfImportanceToShow = function (sMedia, bShowOnlyHighImportance) {
 		if (bShowOnlyHighImportance || sMedia === "Phone") {
 			return library.Importance.High;
@@ -196,7 +239,9 @@ sap.ui.define([
 	};
 
 	ObjectPageSection.prototype.onAfterRendering = function () {
+		this._updateMultilineContent();
 		this._attachMediaContainerWidthChange(this._updateImportance, this);
+		this._iResizeHandlerId = ResizeHandler.register(this, this._onResizeRef);
 	};
 
 	/**

package/src/sap/uxap/ObjectPageSubSection.js

@@ -291,6 +291,11 @@ sap.ui.define([
 		this._sBorrowedTitleDomId = sId;
 	};
 
+	ObjectPageSubSection.prototype._toggleMultiLineSectionContent = function (bMultiLine) {
+		this.toggleStyleClass("sapUxAPObjectPageSectionMultilineContent", bMultiLine);
+		this._bMultiLine = bMultiLine;
+	};
+
 	ObjectPageSubSection.prototype._expandSection = function () {
 		ObjectPageSectionBase.prototype._expandSection.call(this);
 		var oParent = this.getParent();

package/src/sap/uxap/ObjectPageSubSectionRenderer.js

@@ -39,6 +39,10 @@ sap.ui.define(function () {
 			oRm.class("sapUxAPObjectPageSubSectionWithSeeMore");
 		}
 
+		if (oControl._bMultiLine) {
+			oRm.class("sapUxAPObjectPageSectionMultilineContent");
+		}
+
 		oRm.class("sapUxAPObjectPageSubSection")
 			.class("ui-helper-clearfix");
 

package/src/sap/uxap/changeHandler/AddIFrameObjectPageLayout.js

@@ -25,7 +25,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.AddIFrameObjectPageLayout
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.2
 	 * @since 1.75
 	 * @experimental Since 1.75
 	 */

package/src/sap/uxap/changeHandler/MoveObjectPageSection.js

@@ -13,7 +13,7 @@ sap.ui.define(["sap/ui/fl/changeHandler/MoveControls", "sap/ui/core/Core", "sap/
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.MoveObjectPageSection
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.2
 	 * @experimental Since 1.54
 	 */
 

package/src/sap/uxap/changeHandler/RenameObjectPageSection.js

@@ -21,7 +21,7 @@ sap.ui.define([
 	 * @constructor
 	 * @alias sap.uxap.changeHandler.RenameObjectPageSection
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.2
 	 * @experimental Since 1.50
 	 */
 

package/src/sap/uxap/library.js

@@ -11,11 +11,12 @@ sap.ui.define([
 	"sap/ui/core/Core",
 	"sap/ui/base/DataType",
 	"sap/ui/Device",
+	"sap/ui/thirdparty/jquery",
 	"sap/ui/core/library", // library dependency
 	"sap/f/library", // library dependency
 	"sap/m/library", // library dependency
 	"sap/ui/layout/library" // library dependency
-], function(Core, DataType, Device) {
+], function(Core, DataType, Device, jQuery) {
 	"use strict";
 
 	/**
@@ -24,7 +25,7 @@ sap.ui.define([
 	 * @namespace
 	 * @alias sap.uxap
 	 * @author SAP SE
-	 * @version 1.101.0
+	 * @version 1.102.2
 	 * @since 1.36
 	 * @public
 	 */
@@ -67,7 +68,7 @@ sap.ui.define([
 			"sap.uxap.ObjectPageHeaderLayoutData",
 			"sap.uxap.ObjectPageLazyLoader"
 		],
-		version: "1.101.0",
+		version: "1.102.2",
 		extensions: {
 			flChangeHandlers: {
 				"sap.uxap.ObjectPageHeader": "sap/uxap/flexibility/ObjectPageHeader",

package/src/sap/uxap/messagebundle_ja.properties

@@ -1,7 +1,7 @@
 
-SHOW_MORE=\u8868\u793A\u8FFD\u52A0
+SHOW_MORE=\u3055\u3089\u306B\u8868\u793A
 
-SHOW_LESS=\u8868\u793A\u5727\u7E2E
+SHOW_LESS=\u8868\u793A\u3092\u6E1B\u3089\u3059
 
 ANCHOR_BAR_ARIA_LABEL=\u30A2\u30F3\u30AB\u30FC
 
@@ -13,7 +13,7 @@ BREADCRUMB_TRAIL_LABEL=\u8A73\u7D30\u30CA\u30D3\u30B2\u30FC\u30B7\u30E7\u30F3
 
 SHOW_ALL=\u3059\u3079\u3066\u8868\u793A
 
-HIDE_ALL=\u8868\u793A\u5727\u7E2E
+HIDE_ALL=\u8868\u793A\u3092\u6E1B\u3089\u3059
 
 SHOW=\u5C55\u958B
 

package/src/sap/uxap/themes/base/ObjectPageLayout.less

@@ -28,6 +28,16 @@
 	}
 }
 
+.sapUxAPObjectPageLayout:not(.sapUxAPObjectPageLayout-Std-Phone) .sapUxAPObjectPageSubSectionPromoted:not(.sapUxAPObjectPageSectionMultilineContent) .sapUxAPObjectPageSubSectionHeaderActions {
+	position: absolute;
+	top: 0;
+	right: 1rem;
+}
+.sapUxAPObjectPageLayout:not(.sapUxAPObjectPageLayout-Std-Phone) .sapUxAPObjectPageSubSectionPromoted:not(.sapUxAPObjectPageSectionMultilineContent) .sapUxAPObjectPageSubSectionHeader {
+	height: 0;
+	padding: 0;
+}
+
 body > .sapUxAPObjectPageLayout,
 .sapUiVltCell .sapUxAPObjectPageLayout {
 	position: fixed;

package/src/sap/uxap/themes/base/ObjectPageSection.less

@@ -6,6 +6,7 @@
 .sapUxAPObjectPageSection {
 	margin-left: 0;
 	margin-bottom: 0;
+	position: relative;
 }
 
 .sapUxAPObjectPageSectionTitleUppercase {

package/src/sap/uxap/themes/base/ObjectPageSubSection.less

@@ -4,7 +4,7 @@
 /* ============================================== */
 
 .sapUxAPObjectPageSubSection {
-	padding-bottom: 0;
+	padding-top: 1rem;
 	box-sizing: border-box;
 }
 
@@ -16,7 +16,7 @@
 	height: auto;
 	overflow: auto;
 	word-wrap: break-word;
-	padding: 1rem 2.25rem 0 3rem
+	padding: 0 2.25rem 0 3rem
 }
 
 .sapUxAPObjectPageSubSectionHeaderTitle {
@@ -50,7 +50,7 @@
 /* phone display */
 .sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeader,
 html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeader {
-	padding: 1rem;
+	padding: 0 1rem;
 }
 
 .sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionHeaderTitle,
@@ -67,7 +67,7 @@ html .sapUiContainer-Narrow .sapUxAPObjectPageSubSectionHeaderTitle {
 
 .sapUxAPObjectPageLayout-Std-Tablet .sapUxAPObjectPageSubSectionHeader,
 html .sapUiContainer-Medium .sapUxAPObjectPageSubSectionHeader {
-	padding: 1rem 1.25rem 0 2rem;
+	padding: 0 1.25rem 0 2rem;
 }
 
 /* Those styles apply Desktop and Desktop-XL.
@@ -101,7 +101,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
 		white-space: normal;
 		word-wrap: break-word;
 		line-height: normal;
-		padding-top: 1rem;
 	}
 
 	.sapUxAPObjectPageSubSectionHeader.titleOnLeftLayout .sapUxAPObjectPageSubSectionHeaderActions {
@@ -141,10 +140,10 @@ Doing so will result in less generated CSS, as well as less future maintanance i
 }
 
 .sapUxAPBlockContainer {
-	padding: 1rem 2rem 3rem 2rem;
+	padding: 0 2rem;
 }
 .sapUxAPObjectPageLayout-Std-Tablet .sapUxAPBlockContainer {
-	padding: 1rem 1rem 3rem 1rem;
+	padding: 0 1rem;
 }
 .sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer {
 	padding: 0 1rem;
@@ -154,20 +153,6 @@ Doing so will result in less generated CSS, as well as less future maintanance i
 	}
 }
 
-.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPObjectPageSubSectionWithSeeMore {
-	.sapUxAPBlockContainer {
-		padding-bottom: 0;
-	}
-
-	.sapUxAPSubSectionSeeMoreContainer {
-		padding-bottom: 2rem;
-	}
-}
-
-
-.sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSectionPromoted .sapUxAPBlockContainer {
-	padding-top: 1rem;
-}
 
 .sapUxAPObjectPageLayout-Std-Phone .sapUxAPObjectPageSubSection {
 	.sapUiRespGrid.sapUiRespGridHSpace1 {
@@ -200,35 +185,15 @@ Doing so will result in less generated CSS, as well as less future maintanance i
 	}
 }
 
-.sapUxAPObjectPageSection .sapUxAPObjectPageSectionContainer .sapUxAPObjectPageSubSection .sapUxAPBlockContainer {
-    padding-bottom: 0;
-}
 /* compact size */
 .sapUiSizeCompact {
 	.sapUxAPObjectPageSubSectionHeaderTitle {
 		height: 2rem;
 		line-height: 2rem;
 	}
-	.sapUxAPBlockContainer {
-		padding: 1rem 2rem 2rem 2rem;
-	}
-	.sapUxAPObjectPageLayout-Std-Tablet .sapUxAPBlockContainer,
-	.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer {
-		padding: 1rem 1rem 2rem 1rem;
-	}
 	.sapUxAPObjectPageLayout-Std-Phone .sapUxAPBlockContainer .sapUiFormResGrid > div{
 		padding: 1rem 0;
 	}
-
-	.sapUxAPObjectPageSubSectionWithSeeMore {
-		.sapUxAPBlockContainer {
-			padding-bottom: 0;
-		}
-
-		.sapUxAPSubSectionSeeMoreContainer {
-			padding-bottom: 2rem;
-		}
-	}
 }
 
 html[data-sap-ui-browser^="ed"].sap-desktop .sapUxAPObjectPageSubSection:focus {