fix: Gradio table display with Firefox

Cinnamon · Nov 19, 2024 · 8b454db · 8b454db
1 parent 664df8e
commit 8b454db
Show file tree

Hide file tree

Showing 2 changed files with 22 additions and 1 deletion.
diff --git a/libs/ktem/ktem/assets/css/main.css b/libs/ktem/ktem/assets/css/main.css
@@ -83,6 +83,7 @@ button.selected {
 
 #chat-area {
   height: var(--main-area-height) !important;
+  column-gap: 2px !important;
 }
 
 #chat-info-panel {
@@ -96,12 +97,32 @@ button.selected {
   overflow-y: scroll !important;
   position: sticky;
   min-width: min(305px, 100%) !important;
+  column-gap: 2px !important;
+  scrollbar-width: none;
+  /* Firefox */
+  -ms-overflow-style: none;
+  /* Internet Explorer 10+ */
+}
+
+#conv-settings-panel::-webkit-scrollbar {
+  /* WebKit */
+  width: 0;
+  height: 0;
+}
+
+td {
+  /* Fix for Firefox Gradio table overflow display */
+  overflow: hidden;
 }
 
 .setting-answer-mode-description {
   margin: 5px 5px 2px !important;
 }
 
+.message-buttons-right {
+  display: none !important;
+}
+
 mark {
   background-color: #10b981;
 }

diff --git a/libs/ktem/ktem/pages/chat/__init__.py b/libs/ktem/ktem/pages/chat/__init__.py
@@ -29,7 +29,7 @@
 from .report import ReportIssue
 
 DEFAULT_SETTING = "(default)"
-INFO_PANEL_SCALES = {True: 8, False: 5}
+INFO_PANEL_SCALES = {True: 8, False: 4}
 
 
 pdfview_js = """