From 99f01014b238f6615a05d7ba196418aca2a6784e Mon Sep 17 00:00:00 2001
From: John Livingston <git@john-livingston.fr>
Date: Thu, 8 Feb 2024 11:33:43 +0100
Subject: [PATCH] Fix ConverseJS input borders/outline/shadow. (#311)

---
 CHANGELOG.md                                        |  3 ++-
 conversejs/custom/shared/styles/_peertubetheme.scss | 12 ++++++++++++
 2 files changed, 14 insertions(+), 1 deletion(-)

diff --git a/CHANGELOG.md b/CHANGELOG.md
index 61361467..3c1f7254 100644
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -5,7 +5,8 @@
 ### Minor changes and fixes
 
 * Fix #311:
-  * Fix inconsistency between browsers on textarea outlines
+  * Fix inconsistency between browsers on textarea outlines.
+  * Fix ConverseJS input borders/outline/shadow.
 
 ## 8.1.0
 
diff --git a/conversejs/custom/shared/styles/_peertubetheme.scss b/conversejs/custom/shared/styles/_peertubetheme.scss
index f8382e67..6fabbc9b 100644
--- a/conversejs/custom/shared/styles/_peertubetheme.scss
+++ b/conversejs/custom/shared/styles/_peertubetheme.scss
@@ -85,6 +85,18 @@
     }
   }
 
+  .form-control {
+    /* Cancelling some bootstrap stuff */
+    border-color: var(--chatroom-head-bg-color);
+    box-shadow: none;
+
+    &:focus {
+      border-color: var(--chatroom-head-bg-color);
+      outline: 2px solid var(--chatroom-head-bg-color);
+      box-shadow: none;
+    }
+  }
+
   .chatroom .box-flyout .chatroom-body .chatroom-form-container {
     background-color: var(--peertube-main-background);
   }