Fix list summary variant spacing to match summary component (#3359)

ONSdigital · Sep 17, 2024 · 961d454 · 961d454
1 parent acfb5a7
commit 961d454
Show file tree

Hide file tree

Showing 5 changed files with 11 additions and 7 deletions.
diff --git a/...rence/ds-vr-test__components_list_example-summary-list_0_document_0_desktop.png b/...rence/ds-vr-test__components_list_example-summary-list_0_document_0_desktop.png
diff --git a/...erence/ds-vr-test__components_list_example-summary-list_0_document_1_tablet.png b/...erence/ds-vr-test__components_list_example-summary-list_0_document_1_tablet.png
diff --git a/...erence/ds-vr-test__components_list_example-summary-list_0_document_2_mobile.png b/...erence/ds-vr-test__components_list_example-summary-list_0_document_2_mobile.png
diff --git a/src/components/list/_list.scss b/src/components/list/_list.scss
@@ -109,8 +109,10 @@
         }
         .ons-list__prefix,
         .ons-list__suffix {
+            @extend .ons-u-m-no;
             &--icon-check .ons-icon {
                 fill: var(--ons-color-leaf-green) !important;
+                @extend .ons-u-mr-s;
             }
         }
     }

diff --git a/src/components/list/example-summary-list.njk b/src/components/list/example-summary-list.njk
@@ -1,10 +1,12 @@
 {% from "components/list/_macro.njk" import onsList %}
 {{
     onsList({
+        "iconPosition": "before",
         "variants": "summary",
         "itemsList": [
             {
-              "text": 'birth certificate'
+                "text": 'birth certificate',
+                "iconType": "check"
             },
             {
                 "text": 'national insurance number'