Merge pull request #24855 from overleaf/rh-pug-contact-ui

Pug BS5 contact form UI updates

GitOrigin-RevId: 2a2428c89f799913ad5c0f7a607d59735334aeda

services/web/frontend/js/features/contact-form/search.js

@@ -46,7 +46,8 @@ export function setupSearch(formEl) {
         linkEl.append(contentEl)
 
         const iconEl = document.createElement('i')
-        iconEl.className = 'fa fa-angle-right'
+        iconEl.className = 'material-symbols dropdown-item-trailing-icon'
+        iconEl.innerText = 'open_in_new'
         iconEl.setAttribute('aria-hidden', 'true')
         linkEl.append(iconEl)
 

services/web/frontend/js/features/form-helpers/hydrate-form.js

@@ -375,7 +375,7 @@ function formSentHelper(el) {
 }
 
 function formValidationHelper(el) {
-  el.querySelectorAll('input').forEach(inputEl => {
+  el.querySelectorAll('input, textarea').forEach(inputEl => {
     if (
       inputEl.willValidate &&
       !inputEl.hasAttribute('data-ol-no-custom-form-validation-messages')

services/web/frontend/stylesheets/app/contact-us.less

@@ -59,7 +59,8 @@
     }
   }
 
-  .fa {
+  .fa,
+  .material-symbols {
     display: table-cell;
     text-align: right;
     color: @gray-lighter;