fix(ObjectPage): update section spacing to latest specs

Author: Lukas742

packages/main/src/components/ObjectPageSection/ObjectPageSection.module.css

@@ -4,10 +4,11 @@
   &:first-of-type {
     margin-block-start: 1px;
   }
+  margin-block-end: 1rem;
 }
 
 .section [data-component-name='ObjectPageSubSection']:not(:first-child) {
-  padding-block-start: 0.5rem;
+  padding-block-start: 1rem;
 }
 
 .section:focus {
@@ -28,8 +29,8 @@
 }
 
 .title {
-  height: var(--_ui5wcr_ObjectPage_SectionTitleHeight);
-  line-height: var(--_ui5wcr_ObjectPage_SectionTitleLineHeight);
+  height: 2.25rem;
+  line-height: 2.25rem;
   color: var(--sapGroup_TitleTextColor);
   font-size: var(--sapFontHeader4Size);
   display: inline-block;
@@ -62,7 +63,7 @@
 }
 
 .sectionContentInner {
-  padding-block: 0.5rem;
+  padding-block-start: 1rem;
   font-family: var(--sapFontFamily);
   height: 100%;
   box-sizing: border-box;

packages/main/src/components/ObjectPageSubSection/ObjectPageSubSection.module.css

@@ -27,7 +27,7 @@
 .subSectionContent {
   background-color: var(--_ui5wcr_ObjectPage_SubSectionBackgroundColor);
   border-radius: var(--_ui5wcr_ObjectPage_SubSectionBorderRadius);
-  padding-block: 1rem;
+  padding-block: 0.5rem;
 }
 
 .spacer {

packages/main/src/themes/base.css

@@ -20,6 +20,7 @@
   --_ui5wcr_ActionSheet_MobileHeaderBoxShadow: none;
   --_ui5wcr_ActionSheet_MobileHeaderTextColor: var(--sapContent_ContrastTextColor);
   --_ui5wcr_ObjectPage_SectionTitleFontFamily: var(--sapFontFamily);
+  /*ToDo: no used anymore - remove in next major version */
   --_ui5wcr_ObjectPage_SectionTitleLineHeight: 2.25rem;
   --_ui5wcr_ObjectPage_SubSectionBorderRadius: 0;
   --_ui5wcr_Splitter_BarBorderHighContrastFix: var(--sapContent_FocusWidth) solid var(--sapContent_FocusColor);

packages/main/src/themes/sap_horizon.css

@@ -13,7 +13,7 @@
   --_ui5wcr_ActionSheet_MobileHeaderBoxShadow: var(--sapContent_Shadow2);
   --_ui5wcr_ActionSheet_MobileHeaderTextColor: var(--sapPageHeader_TextColor);
   --_ui5wcr_ObjectPage_SectionTitleFontFamily: var(--sapFontBoldFamily);
-  --_ui5wcr_ObjectPage_SectionTitleLineHeight: 4rem;
+  --_ui5wcr_ObjectPage_SectionTitleLineHeight: 2.25rem;
   --_ui5wcr_ObjectPage_SubSectionBorderRadius: var(--sapElement_BorderCornerRadius);
   --_ui5wcr_ActionSheet_MobileHeaderBackground: var(--sapPageHeader_Background);
   --_ui5wcr_ActionSheet_MobileHeaderBorderRadius: var(--sapPopover_BorderCornerRadius);

packages/main/src/themes/sap_horizon_dark.css

@@ -13,7 +13,7 @@
   --_ui5wcr_ActionSheet_MobileHeaderBoxShadow: var(--sapContent_Shadow2);
   --_ui5wcr_ActionSheet_MobileHeaderTextColor: var(--sapPageHeader_TextColor);
   --_ui5wcr_ObjectPage_SectionTitleFontFamily: var(--sapFontBoldFamily);
-  --_ui5wcr_ObjectPage_SectionTitleLineHeight: 4rem;
+  --_ui5wcr_ObjectPage_SectionTitleLineHeight: 2.25rem;
   --_ui5wcr_ObjectPage_SubSectionBorderRadius: var(--sapElement_BorderCornerRadius);
   --_ui5wcr_ActionSheet_MobileHeaderBackground: var(--sapPageHeader_Background);
   --_ui5wcr_ActionSheet_MobileHeaderBorderRadius: var(--sapPopover_BorderCornerRadius);