From 9aea8d84c0f44a9d6ceb1f63d4730cb076192af0 Mon Sep 17 00:00:00 2001
From: Egor Zalenski <egor.zalenski@softeq.com>
Date: Thu, 12 Dec 2024 10:36:28 +0100
Subject: [PATCH] #RIVS-313 - Keys scanned value overlapped for small screen
 width #RIVS-314 - Scan more button displayed for collapsed database in case
 when there is only one logical db

---
 .../modules/keys-tree/components/keys-summary/KeysSummary.tsx | 4 ++--
 .../keys-tree/components/keys-summary/styles.module.scss      | 2 +-
 .../keys-tree/components/keys-tree-header/KeysTreeHeader.tsx  | 2 +-
 3 files changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/webviews/src/modules/keys-tree/components/keys-summary/KeysSummary.tsx b/src/webviews/src/modules/keys-tree/components/keys-summary/KeysSummary.tsx
index f6fdb101..49034fb5 100644
--- a/src/webviews/src/modules/keys-tree/components/keys-summary/KeysSummary.tsx
+++ b/src/webviews/src/modules/keys-tree/components/keys-summary/KeysSummary.tsx
@@ -90,7 +90,7 @@ export const KeysSummary = (props: Props) => {
     if (!isMultiDbIndex) return null
     return (
       <>
-        <VscDatabase />
+        <VscDatabase className="sidebar-icon" />
         <span className="px-1">{dbIndex}</span>
       </>
     )
@@ -108,7 +108,7 @@ export const KeysSummary = (props: Props) => {
     }
 
     return (
-      <span>
+      <span className="truncate">
         {'('}
         <span data-testid="keys-number-of-results">{numberWithSpaces(resultsLength)}</span>
         {' / '}
diff --git a/src/webviews/src/modules/keys-tree/components/keys-summary/styles.module.scss b/src/webviews/src/modules/keys-tree/components/keys-summary/styles.module.scss
index 2438c2d1..996d1d1b 100644
--- a/src/webviews/src/modules/keys-tree/components/keys-summary/styles.module.scss
+++ b/src/webviews/src/modules/keys-tree/components/keys-summary/styles.module.scss
@@ -6,5 +6,5 @@
 }
 
 .content {
-  @apply flex flex-row items-center flex-grow text-vscode-foreground opacity-80 pl-1;
+  @apply flex flex-row items-center flex-grow text-vscode-foreground opacity-80 pl-1 truncate;
 }
diff --git a/src/webviews/src/modules/keys-tree/components/keys-tree-header/KeysTreeHeader.tsx b/src/webviews/src/modules/keys-tree/components/keys-tree-header/KeysTreeHeader.tsx
index 75fa5f68..39ed6fb0 100644
--- a/src/webviews/src/modules/keys-tree/components/keys-tree-header/KeysTreeHeader.tsx
+++ b/src/webviews/src/modules/keys-tree/components/keys-tree-header/KeysTreeHeader.tsx
@@ -72,7 +72,7 @@ export const KeysTreeHeader = ({ database, open, dbTotal, children }: Props) =>
         showTree={showTree}
         toggleShowTree={handleToggleShowTree}
       />
-      {isShowScanMore(scanned, total, nextCursor) && (
+      {isShowScanMore(scanned, total, nextCursor) && showTree && (
         <ScanMore
           loading={loading}
           disabled={isDisableScanMore(scanned, total, nextCursor)}