From e253f5953266ff5bf59658d4daa5ee575f778973 Mon Sep 17 00:00:00 2001
From: Ray Estrada <raymond.estrada@gsa.gov>
Date: Thu, 28 Mar 2024 10:02:14 -0700
Subject: [PATCH] VOTE-1001 Add global touchpoints feedback survey

---
 .../votegov/src/sass/components/_index.scss   |  1 +
 .../src/sass/components/touchpoints.scss      | 24 +++++++++++++++++++
 .../votegov/templates/layout/page.html.twig   |  3 +++
 3 files changed, 28 insertions(+)
 create mode 100644 web/themes/custom/votegov/src/sass/components/touchpoints.scss

diff --git a/web/themes/custom/votegov/src/sass/components/_index.scss b/web/themes/custom/votegov/src/sass/components/_index.scss
index 3a2d92cd0..95ebc43fa 100644
--- a/web/themes/custom/votegov/src/sass/components/_index.scss
+++ b/web/themes/custom/votegov/src/sass/components/_index.scss
@@ -18,4 +18,5 @@
 @forward "basic";
 @forward "registration-tool";
 @forward "sitemap";
+@forward "touchpoints";
 
diff --git a/web/themes/custom/votegov/src/sass/components/touchpoints.scss b/web/themes/custom/votegov/src/sass/components/touchpoints.scss
new file mode 100644
index 000000000..1863a4440
--- /dev/null
+++ b/web/themes/custom/votegov/src/sass/components/touchpoints.scss
@@ -0,0 +1,24 @@
+@use "uswds-core" as *;
+
+.touchpoints-form-wrapper {
+  h2.fba-modal-title {
+    @include u-margin-top(3);
+  }
+}
+
+.vote-touchpoints--button {
+  @include u-margin(0);
+
+  @include at-media-max('tablet') {
+    @include u-radius(0);
+    @include u-width('full');
+  }
+
+  @include at-media('tablet') {
+    @include u-position('fixed');
+    @include u-bottom(0);
+    @include u-right(3);
+    border-bottom-right-radius: 0;
+    border-bottom-left-radius: 0;
+  }
+}
diff --git a/web/themes/custom/votegov/templates/layout/page.html.twig b/web/themes/custom/votegov/templates/layout/page.html.twig
index 06f511138..6d9941c5c 100644
--- a/web/themes/custom/votegov/templates/layout/page.html.twig
+++ b/web/themes/custom/votegov/templates/layout/page.html.twig
@@ -117,3 +117,6 @@
   {{ drupal_entity('block', 'votegov_footernavigation') }}
 
 </footer>
+
+<button type="button" class="usa-button vote-touchpoints--button" id="touchpoints-form-embed">How can we improve Vote.gov</button>
+<script src="https://touchpoints.app.cloud.gov/touchpoints/c169d3b2.js" async></script>