From f2f6136208062ca31075e377582b4b21bc9496bd Mon Sep 17 00:00:00 2001
From: ansuz <ansuz@transitiontech.ca>
Date: Tue, 7 Sep 2021 17:03:34 +0530
Subject: [PATCH] add 'invalid' styles to link creation modal

---
 customize.dist/src/less2/include/modals-ui-elements.less | 6 ++++++
 www/common/drive-ui.js                                   | 2 +-
 2 files changed, 7 insertions(+), 1 deletion(-)

diff --git a/customize.dist/src/less2/include/modals-ui-elements.less b/customize.dist/src/less2/include/modals-ui-elements.less
index 7c6e054c5..e8d9695c5 100644
--- a/customize.dist/src/less2/include/modals-ui-elements.less
+++ b/customize.dist/src/less2/include/modals-ui-elements.less
@@ -291,4 +291,10 @@
             }
         }
     }
+    input#cp-app-drive-link-url {
+        &.cp-input-invalid {
+            border: 2px solid @cryptpad_color_red;
+            color: @cp_form-invalid;
+        }
+    }
 }
diff --git a/www/common/drive-ui.js b/www/common/drive-ui.js
index fe87e23da..d2f76ef8d 100644
--- a/www/common/drive-ui.js
+++ b/www/common/drive-ui.js
@@ -2759,6 +2759,7 @@ define([
             var $warning = $(warning).hide();
             var $url = $(url).on('change keypress keyup keydown', function () {
                 var v = $url.val().trim();
+                $url.toggleClass('cp-input-invalid', !Util.isValidURL(v));
                 if (v.length > 200) {
                     $warning.show();
                     return;
@@ -2783,7 +2784,6 @@ define([
                     var u = $url.val().trim();
                     if (!n || !u) { return true; }
                     if (!Util.isValidURL(u)) {
-                        // XXX 4.11.0 add style for invalid input? input:invalid
                         UI.warn(Messages.fm_link_invalid);
                         return true;
                     }