From f438385c87366d5584f2880c6bcece03e82d4f9d Mon Sep 17 00:00:00 2001
From: charleyf <charleyferguson@navapbc.com>
Date: Thu, 21 Mar 2024 09:46:30 -0400
Subject: [PATCH 1/6] Hide the hint text box when there's no text

---
 .../components/acuant-selfie-capture-canvas.scss              | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
index 26346ead525..ca511ab83ad 100644
--- a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
+++ b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
@@ -11,3 +11,7 @@
   padding: 10px;
   z-index: 11;
 }
+
+.document-capture-selfie-feedback:empty {
+  display: none;
+}

From ca86c325d16d824d3d0be22f1afefa0e527aedae Mon Sep 17 00:00:00 2001
From: charleyf <charleyferguson@navapbc.com>
Date: Thu, 21 Mar 2024 10:30:47 -0400
Subject: [PATCH 2/6] Remove padding to hide the box when there is no text

---
 .../components/acuant-selfie-capture-canvas.scss             | 5 -----
 1 file changed, 5 deletions(-)

diff --git a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
index ca511ab83ad..5ec0dc49b7d 100644
--- a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
+++ b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
@@ -8,10 +8,5 @@
   position: fixed;
   transform: translateX(-50%);
   border-radius: 5px;
-  padding: 10px;
   z-index: 11;
 }
-
-.document-capture-selfie-feedback:empty {
-  display: none;
-}

From 6403e608363167f6b9279ae3e53694ebd91dad36 Mon Sep 17 00:00:00 2001
From: charleyf <charleyferguson@navapbc.com>
Date: Thu, 21 Mar 2024 11:29:00 -0400
Subject: [PATCH 3/6] Restyle to match document capture hint text

---
 .../components/acuant-selfie-capture-canvas.jsx            | 6 ++++--
 .../components/acuant-selfie-capture-canvas.scss           | 7 ++++---
 2 files changed, 8 insertions(+), 5 deletions(-)

diff --git a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.jsx b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.jsx
index 3ac6aafc128..932cc3342db 100644
--- a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.jsx
+++ b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.jsx
@@ -25,8 +25,10 @@ function AcuantSelfieCaptureCanvas({ imageCaptureText, onSelfieCaptureClosed })
     <>
       {!isReady && <LoadingSpinner />}
       <div id={acuantCaptureContainerId} />
-      <p aria-live="assertive" className="document-capture-selfie-feedback">
-        {imageCaptureText}
+      <p aria-live="assertive">
+        {imageCaptureText && (
+          <span className="document-capture-selfie-feedback">{imageCaptureText}</span>
+        )}
       </p>
       <button type="button" onClick={onSelfieCaptureClosed} className="usa-sr-only">
         {t('doc_auth.buttons.close')}
diff --git a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
index 5ec0dc49b7d..d856270bb66 100644
--- a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
+++ b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
@@ -2,11 +2,12 @@
 
 .document-capture-selfie-feedback {
   color: color('white');
-  background: color('black');
+  background: rgba(0, 0, 0, .5);
   left: 50%;
   top: 10%;
   position: fixed;
   transform: translateX(-50%);
-  border-radius: 5px;
+  padding: 0 5px 0 5px;
+  opacity: 100%;
   z-index: 11;
-}
+}
\ No newline at end of file

From b3550f7e54b8cbd006df1054eeb4671dcf597b07 Mon Sep 17 00:00:00 2001
From: charleyf <charleyferguson@navapbc.com>
Date: Thu, 21 Mar 2024 13:46:37 -0400
Subject: [PATCH 4/6] Minor fixes for CSS variables

---
 .../components/acuant-selfie-capture-canvas.scss             | 5 ++---
 1 file changed, 2 insertions(+), 3 deletions(-)

diff --git a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
index d856270bb66..90365196950 100644
--- a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
+++ b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
@@ -7,7 +7,6 @@
   top: 10%;
   position: fixed;
   transform: translateX(-50%);
-  padding: 0 5px 0 5px;
-  opacity: 100%;
+  padding: 0 5px;
   z-index: 11;
-}
\ No newline at end of file
+}

From da8cb0e1680d4a0e1fc78a4598fde70dff7feb23 Mon Sep 17 00:00:00 2001
From: charleyf <charleyferguson@navapbc.com>
Date: Thu, 21 Mar 2024 14:42:00 -0400
Subject: [PATCH 5/6] Remove opacity

---
 .../components/acuant-selfie-capture-canvas.scss                | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
index 90365196950..df94af60ebe 100644
--- a/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
+++ b/app/javascript/packages/document-capture/components/acuant-selfie-capture-canvas.scss
@@ -2,7 +2,7 @@
 
 .document-capture-selfie-feedback {
   color: color('white');
-  background: rgba(0, 0, 0, .5);
+  background: color('black');
   left: 50%;
   top: 10%;
   position: fixed;

From de9e7e8d18bc974e6512458eb4acde28e65bac6b Mon Sep 17 00:00:00 2001
From: charleyf <charleyferguson@navapbc.com>
Date: Thu, 21 Mar 2024 15:21:54 -0400
Subject: [PATCH 6/6] changelog: Bug Fixes, Selfie, Rework the selfie hint text
 display