GH-12358: change styling, documentation

SAP · Jun 1, 2021 · 24fafc6 · 24fafc6
1 parent 2ee7c8c
commit 24fafc6
Show file tree

Hide file tree

Showing 4 changed files with 7 additions and 12 deletions.
diff --git a/docs/migration/css-changes-in-version-4.md b/docs/migration/css-changes-in-version-4.md
@@ -82,7 +82,7 @@ title: Changes to Styles in 4.0
 
 * `padding` set to 20px on `%cx-configurator-overview-form` for `cx-no-attribute-value-pair` selector to align spacing between the configuration overview no attribute value pairs.
 
-* `font-size` set to 1.75rem on `%cx-configurator-overview-form` for `topLevel` selector to adjust the attribute header according to the new styling requirement 
+* `font-size` set to 1.25rem on `%cx-configurator-overview-form` for `topLevel` selector to adjust the attribute header according to the new styling requirement 
 
 * `font-weight` set to 700 on `%cx-configurator-overview-form` for `topLevel` selector to adjust the attribute header according to the new styling requirement 
 
@@ -102,7 +102,7 @@ title: Changes to Styles in 4.0
 
 * `background-color` set to var(--cx-color-background) on `%cx-configurator-overview-form` for `cx-group h2` to set the background color of the subgroup headers 
 
-* `font-size` set to 16px on `%cx-configurator-overview-form` for `cx-group h2` to specify the font size of the subgroup headers 
+* `font-size` set to 1rem on `%cx-configurator-overview-form` for `cx-group h2` to specify the font size of the subgroup headers 
 
 * `text-transform` set to uppercase on `%cx-configurator-overview-form` for `cx-group h2` to transform the subgroup header into uppercase
 
@@ -112,4 +112,4 @@ title: Changes to Styles in 4.0
 
 * `width` set to 60% on `%cx-configurator-overview-attribute` for `cx-attribute-label` selector to use only 60% of the width for the small widgets.
 
-* `font-weight` set to 700 on `%cx-configurator-overview-attribute` for `cx-attribute-value` to make the attribute values bold
+* `font-weight` set to 600 on `%cx-configurator-overview-attribute` for `cx-attribute-value` to make the attribute values bold
diff --git a/...configurator/rulebased/components/overview-form/configurator-overview-form.component.html b/...configurator/rulebased/components/overview-form/configurator-overview-form.component.html
@@ -28,12 +28,7 @@ <h2>{{ 'configurator.overviewForm.noAttributeHeader' | cxTranslate }}</h2>
       [class.subgroupTopLevel]="level === 1 && group.subGroups?.length > 0"
     >
       <h2>
-        <ng-container>
-          {{ group.groupDescription }}
-        </ng-container>
-        <ng-container>
-          <span>{{ group.groupDescription }}</span>
-        </ng-container>
+        <span>{{ group.groupDescription }}</span>
       </h2>
 
       <div

diff --git a/feature-libs/product-configurator/rulebased/styles/_configurator-overview-attribute.scss b/feature-libs/product-configurator/rulebased/styles/_configurator-overview-attribute.scss
@@ -6,7 +6,7 @@
 
   .cx-attribute-value {
     width: 100%;
-    font-weight: 700;
+    font-weight: 600;
 
     @include media-breakpoint-up(md) {
       width: 41.6666666667%;

diff --git a/feature-libs/product-configurator/rulebased/styles/_configurator-overview-form.scss b/feature-libs/product-configurator/rulebased/styles/_configurator-overview-form.scss
@@ -46,7 +46,7 @@
 
     &.topLevel {
       h2 {
-        font-size: 1.75rem;
+        font-size: 1.25rem;
         font-weight: 700;
         border-bottom: solid 1px var(--cx-color-light);
         border-top: solid 1px var(--cx-color-light);
@@ -83,7 +83,7 @@
 
       border: solid 1px var(--cx-color-light);
       background-color: var(--cx-color-background);
-      font-size: 16px;
+      font-size: 1rem;
       text-transform: uppercase;
 
       @include forVersion(3.3) {