From d8064c00e87795f9b8cdecec5a8b4264bb3c75c5 Mon Sep 17 00:00:00 2001
From: oobabooga <112222186+oobabooga@users.noreply.github.com>
Date: Sat, 17 Feb 2024 20:45:54 -0800
Subject: [PATCH] UI: hide chat scrollbar on desktop when not hovered

---
 css/main.css | 13 +++++++++++++
 1 file changed, 13 insertions(+)

diff --git a/css/main.css b/css/main.css
index a73d34e0..6c658546 100644
--- a/css/main.css
+++ b/css/main.css
@@ -341,6 +341,7 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
     overflow-wrap: anywhere;
     border-top: none;
     border-radius: 0 0 0 8px;
+    visibility: visible;
 }
 
 .chat-parent {
@@ -350,6 +351,18 @@ div.svelte-362y77>*, div.svelte-362y77>.form>* {
     margin-bottom: var(--input-delta) !important;
 }
 
+/* On desktop, automatically hide the chat scroll bar
+ * when not hovered. */
+@media (hover: hover) and (pointer: fine) {
+    .chat-parent {
+        visibility: hidden;
+    }
+
+    .chat-parent:focus, .chat-parent:hover {
+        visibility: visible;
+    }
+}
+
 .old-ui .chat-parent {
     height: calc(100dvh - 192px - var(--header-height) - var(--input-delta));
     margin-bottom: var(--input-delta) !important;