From 6e8885fc2f7feb06ef6ac87d2d7688f9f33d15de Mon Sep 17 00:00:00 2001
From: Nate Sesti <sestinj@gmail.com>
Date: Wed, 6 Sep 2023 21:39:45 -0700
Subject: fix: :lipstick: ui tweaks to history + scrollbars

---
 extension/react-app/src/components/ComboBox.tsx | 16 +++++++---------
 1 file changed, 7 insertions(+), 9 deletions(-)

(limited to 'extension/react-app/src/components/ComboBox.tsx')

diff --git a/extension/react-app/src/components/ComboBox.tsx b/extension/react-app/src/components/ComboBox.tsx
index 8364645e..41b44684 100644
--- a/extension/react-app/src/components/ComboBox.tsx
+++ b/extension/react-app/src/components/ComboBox.tsx
@@ -109,6 +109,13 @@ const Ul = styled.ul<{
   outline: 1px solid ${lightGray};
   z-index: 2;
   -ms-overflow-style: none;
+
+  scrollbar-width: none; /* Firefox */
+
+  /* Hide scrollbar for Chrome, Safari and Opera */
+  &::-webkit-scrollbar {
+    display: none;
+  }
 `;
 
 const Li = styled.li<{
@@ -584,15 +591,6 @@ const ComboBox = React.forwardRef((props: ComboBoxProps, ref) => {
                   {item.name}
                   {"  "}
                   <span style={{ color: lightGray }}>{item.description}</span>
-                  {downshiftProps.highlightedIndex === index &&
-                    item.content && (
-                      <>
-                        <br />
-                        <pre style={{ color: lightGray }}>
-                          {item.content.split("\n").slice(0, 5).join("\n")}
-                        </pre>
-                      </>
-                    )}
                 </span>
               </Li>
             ))}
-- 
cgit v1.2.3-70-g09d2

