Merge pull request #858 from adobecom/MWPW-160618

MWPW-160618, MWPW-160613, MWPW-160606
adobecom · Oct 17, 2024 · bbddd55 · bbddd55
2 parents c45a743 + a5b32bd
commit bbddd55
Show file tree

Hide file tree

Showing 2 changed files with 9 additions and 4 deletions.
diff --git a/acrobat/blocks/verb-widget/verb-widget.css b/acrobat/blocks/verb-widget/verb-widget.css
@@ -32,9 +32,9 @@
 }
 
 .verb-icon {
-  background-size: cover;
   display: inline-flex;
   width: 56px;
+  height: 56px;
 }
 
 .verb-image {
@@ -252,6 +252,7 @@
     flex: 1 1 55%;
     flex-direction: row;
     padding: 48px 0 48px 48px;
+    cursor: pointer;
   }
 
   .verb-mobile-cta {
@@ -284,8 +285,8 @@
   }
 
   .verb-icon {
-    height: auto;
     width: 40px;
+    height: 40px;
   }
 
   .verb-title {

diff --git a/acrobat/blocks/verb-widget/verb-widget.js b/acrobat/blocks/verb-widget/verb-widget.js
@@ -167,8 +167,8 @@ export default async function init(element) {
   } else {
     widgetLeft.append(widgetHeader, widgetHeading, widgetCopy, errorState, widgetButton, button);
     // Make ticket to localize links
-    legalTwo.innerHTML = legalTwo.outerHTML.replace(window.mph['verb-widget-terms-of-use'], `<a class="verb-legal-url" href="${touURL}"> ${window.mph['verb-widget-terms-of-use']}</a>`);
-    legalTwo.innerHTML = legalTwo.outerHTML.replace(window.mph['verb-widget-privacy-policy'], `<a class="verb-legal-url" href="${ppURL}"> ${window.mph['verb-widget-privacy-policy']}</a>`);
+    legalTwo.innerHTML = legalTwo.outerHTML.replace(window.mph['verb-widget-terms-of-use'], `<a class="verb-legal-url" target="_blank" href="${touURL}"> ${window.mph['verb-widget-terms-of-use']}</a>`);
+    legalTwo.innerHTML = legalTwo.outerHTML.replace(window.mph['verb-widget-privacy-policy'], `<a class="verb-legal-url" target="_blank" href="${ppURL}"> ${window.mph['verb-widget-privacy-policy']}</a>`);
 
     legalWrapper.append(legal, legalTwo);
     footer.append(iconSecurity, legalWrapper, infoIcon);
@@ -202,6 +202,10 @@ export default async function init(element) {
     button.click();
   });
 
+  widgetContainer.addEventListener('click', () => {
+    button.click();
+  });
+
   button.addEventListener('click', () => {
     verbAnalytics('filepicker:shown', VERB);
     verbAnalytics('dropzone:choose-file-clicked', VERB);