From be10beb4c6879f0ccede919d9657bedf72b6905c Mon Sep 17 00:00:00 2001
From: Henry Fontanier <h.fontanier@gmail.com>
Date: Tue, 3 Oct 2023 18:31:20 +0200
Subject: [PATCH] no scrollbar

---
 front/components/assistant/conversation/InputBar.tsx | 8 ++++++--
 front/package-lock.json                              | 6 ++++++
 front/package.json                                   | 1 +
 front/tailwind.config.js                             | 2 +-
 4 files changed, 14 insertions(+), 3 deletions(-)

diff --git a/front/components/assistant/conversation/InputBar.tsx b/front/components/assistant/conversation/InputBar.tsx
index 4c21efe0abe1..5bb91f88d792 100644
--- a/front/components/assistant/conversation/InputBar.tsx
+++ b/front/components/assistant/conversation/InputBar.tsx
@@ -393,8 +393,12 @@ export function AssistantInputBar({
               Ask a question
             </div>
             <div
-              className={contentEditableClasses}
-              style={{ overflowY: "auto", maxHeight: "500px" }}
+              className={classNames(
+                contentEditableClasses,
+                "scrollbar-hide",
+                "overflow-y-auto",
+                "max-h-96"
+              )}
               contentEditable={true}
               ref={inputRef}
               id={"dust-input-bar"}
diff --git a/front/package-lock.json b/front/package-lock.json
index 96efb89b2587..327c9b7db419 100644
--- a/front/package-lock.json
+++ b/front/package-lock.json
@@ -65,6 +65,7 @@
         "sqlite3": "^5.1.4",
         "sse.js": "^0.6.1",
         "swr": "^2.0.2",
+        "tailwind-scrollbar-hide": "^1.1.7",
         "tailwindcss": "^3.2.4",
         "three": "^0.155.0",
         "uuid": "^9.0.0"
@@ -12178,6 +12179,11 @@
         "url": "https://opencollective.com/unts"
       }
     },
+    "node_modules/tailwind-scrollbar-hide": {
+      "version": "1.1.7",
+      "resolved": "https://registry.npmjs.org/tailwind-scrollbar-hide/-/tailwind-scrollbar-hide-1.1.7.tgz",
+      "integrity": "sha512-X324n9OtpTmOMqEgDUEA/RgLrNfBF/jwJdctaPZDzB3mppxJk7TLIDmOreEDm1Bq4R9LSPu4Epf8VSdovNU+iA=="
+    },
     "node_modules/tailwindcss": {
       "version": "3.3.3",
       "license": "MIT",
diff --git a/front/package.json b/front/package.json
index 16f4fcdcd0c1..14607ae70021 100644
--- a/front/package.json
+++ b/front/package.json
@@ -73,6 +73,7 @@
     "sqlite3": "^5.1.4",
     "sse.js": "^0.6.1",
     "swr": "^2.0.2",
+    "tailwind-scrollbar-hide": "^1.1.7",
     "tailwindcss": "^3.2.4",
     "three": "^0.155.0",
     "uuid": "^9.0.0"
diff --git a/front/tailwind.config.js b/front/tailwind.config.js
index f821b9e57255..ed020c356363 100644
--- a/front/tailwind.config.js
+++ b/front/tailwind.config.js
@@ -161,7 +161,7 @@ module.exports = {
       backgroundColor: ["dark"],
     },
   },
-  plugins: [require("@tailwindcss/forms")],
+  plugins: [require("@tailwindcss/forms"), require("tailwind-scrollbar-hide")],
   content: [
     "./pages/**/*.{js,ts,jsx,tsx}",
     "./components/**/*.{js,ts,jsx,tsx}",