Merge pull request #229 from GSA-TTS/fix-feedback-border-radius

Fixed border radius of feedback buttons
GSA-TTS · Nov 7, 2024 · 6f6fe68 · 6f6fe68
2 parents 188b674 + b581eb7
commit 6f6fe68
Show file tree

Hide file tree

Showing 3 changed files with 410 additions and 313 deletions.
diff --git a/_data/assetPaths.json b/_data/assetPaths.json
@@ -85,6 +85,6 @@
   "warning.svg": "/assets/assets/warning-5OR6W6GJ.svg",
   "app.js": "/assets/js/app-EDZES2YK.js",
   "app.map": "/assets/js/app-EDZES2YK.js.map",
-  "index.css": "/assets/styles/index-ZX3Z5G55.css",
-  "index.map": "/assets/styles/index-ZX3Z5G55.css.map"
+  "index.css": "/assets/styles/index-2CIUQOP4.css",
+  "index.map": "/assets/styles/index-2CIUQOP4.css.map"
 }
diff --git a/_includes/components/footer.html b/_includes/components/footer.html
@@ -62,4 +62,21 @@
 <button id="feedbackFormButton" class="usa-button">
   <span>Feedback</span>
 </button>
+<!-- Style for Feedback form buttons - needs to be here in order to override the styles from Touchpoint -->
+<style>
+  .fba-modal-dialog .usa-button::before,
+  .fba-modal-dialog .usa-button::after {
+    border-radius: 0.25rem
+  }
+
+  .fba-usa-modal-wrapper .fba-modal .fba-usa-modal__content .fba-usa-modal__close::before,
+  .fba-usa-modal-wrapper .fba-modal .fba-usa-modal__content .fba-usa-modal__close::after {
+    border: none
+  }
+
+  .fba-usa-modal-wrapper .fba-modal .fba-usa-modal__content .fba-usa-modal__close {
+    padding: 0.25rem 0.25rem 0.25rem 0.75rem !important
+  }
+</style>
+
 <script src="https://touchpoints.app.cloud.gov/touchpoints/51cde199.js" async></script>