Merge pull request #906 from WestpacGEL/content-footer-kate

Content footer kate
WestpacGEL · Oct 9, 2024 · 1287c11 · 1287c11
2 parents 411ccc1 + 606f8ba
commit 1287c11
Show file tree

Hide file tree

Showing 4 changed files with 29 additions and 34 deletions.
diff --git a/apps/site/src/content/design-system/components/footer/code/development-examples/content.mdoc b/apps/site/src/content/design-system/components/footer/code/development-examples/content.mdoc
@@ -6,18 +6,19 @@
     brand="wbc"
     hideLogo
   >
-    <div>
-      <SecurityIcon
-        className="float-left shrink-0 max-md:mr-1 md:mr-2"
-        color="muted"
-        size={{
-          initial: 'small',
-          md: 'medium'
-        }}
-      />
-      <p className="text-muted">
-        Footer content
-      </p>
+    <div className="relative">
+      <div className="float-left flex-none">
+        <SecurityIcon
+          className="float-left shrink-0 mr-1 mt-0.5"
+          color="muted"
+          size="small"
+        />
+      </div>
+      <div className="flex">
+        <p className="text-muted relative flex-1">
+          Footer content goes here.
+        </p>
+      </div>
     </div>
   </Footer>
 </>

diff --git a/apps/site/src/content/design-system/components/footer/design/footer/content.mdoc b/apps/site/src/content/design-system/components/footer/design/footer/content.mdoc
@@ -6,25 +6,19 @@ This is the basic footer component, the content should be project specific.
     brand="wbc"
     hideLogo
   >
-    <div>
-      <SecurityIcon
-        className="float-left shrink-0 max-md:mr-1 md:mr-2"
-        color="muted"
-        size={{
-          initial: 'small',
-          md: 'medium'
-        }}
-      />
-      <p className="text-muted">
-        Our site and your transactions are secure. You can read our{' '}
-        <Link
-          href="#"
-          type="inline"
-        >
-          security information
-        </Link>
-        . © 2023 Westpac Banking Corporation ABN 33 007 457 141 AFSL and Australian credit licence 233714.
-      </p>
+    <div className="relative">
+      <div className="float-left flex-none">
+        <SecurityIcon
+          className="float-left shrink-0 mr-1 mt-0.5"
+          color="muted"
+          size="small"
+        />
+      </div>
+      <div className="flex">
+        <p className="text-muted relative flex-1">
+          Footer content goes here.
+        </p>
+      </div>
     </div>
   </Footer>
 </>

diff --git a/...e/src/content/design-system/components/footer/design/where-is-this-available/content.mdoc b/...e/src/content/design-system/components/footer/design/where-is-this-available/content.mdoc
@@ -2,5 +2,5 @@
 
 {% availabilityContent
    availableGel="available"
-   availableMesh="available"
-   availableLegacyWdp="available" /%}
+   availableMesh="older-version-available"
+   availableLegacyWdp="older-version-available" /%}
diff --git a/apps/site/src/content/design-system/components/footer/index.yaml b/apps/site/src/content/design-system/components/footer/index.yaml
@@ -5,7 +5,7 @@ description: >-
   they are in.
 namedExport:
   discriminant: false
-excludeFromNavbar: true
+excludeFromNavbar: false
 design:
   - title:
       name: Footer