From 9c40d34dab0eba3a563f8e56b9be93d925038744 Mon Sep 17 00:00:00 2001 From: Shoaibdev7 Date: Thu, 22 Aug 2024 19:49:41 +0500 Subject: [PATCH 1/2] fix(ai-search): sidebar should not scroll sideways --- src/components/App/SideBar/AiSummary/AiAnswer/index.tsx | 1 + 1 file changed, 1 insertion(+) diff --git a/src/components/App/SideBar/AiSummary/AiAnswer/index.tsx b/src/components/App/SideBar/AiSummary/AiAnswer/index.tsx index bebefd227..5174c4fda 100644 --- a/src/components/App/SideBar/AiSummary/AiAnswer/index.tsx +++ b/src/components/App/SideBar/AiSummary/AiAnswer/index.tsx @@ -22,6 +22,7 @@ const Wrapper = styled(Flex).attrs({ overflow-wrap: break-word; white-space: normal; word-break: break-word; + overflow: hidden; ` const SummaryText = styled(Text)` From a3e247ce78507aeeb0983b986a090bea98c832bc Mon Sep 17 00:00:00 2001 From: Shoaibdev7 Date: Wed, 28 Aug 2024 22:18:03 +0500 Subject: [PATCH 2/2] fix(ai-search): sidebar should not scroll sideways --- .../App/SideBar/AiSummary/AiAnswer/index.tsx | 1 - src/components/App/SideBar/AiView/index.tsx | 11 ++++++----- 2 files changed, 6 insertions(+), 6 deletions(-) diff --git a/src/components/App/SideBar/AiSummary/AiAnswer/index.tsx b/src/components/App/SideBar/AiSummary/AiAnswer/index.tsx index 5174c4fda..bebefd227 100644 --- a/src/components/App/SideBar/AiSummary/AiAnswer/index.tsx +++ b/src/components/App/SideBar/AiSummary/AiAnswer/index.tsx @@ -22,7 +22,6 @@ const Wrapper = styled(Flex).attrs({ overflow-wrap: break-word; white-space: normal; word-break: break-word; - overflow: hidden; ` const SummaryText = styled(Text)` diff --git a/src/components/App/SideBar/AiView/index.tsx b/src/components/App/SideBar/AiView/index.tsx index 33bcf9bfa..f94a4bf56 100644 --- a/src/components/App/SideBar/AiView/index.tsx +++ b/src/components/App/SideBar/AiView/index.tsx @@ -65,8 +65,9 @@ const Wrapper = styled(Flex)(({ theme }) => ({ }, })) -const ScrollWrapper = styled(Flex)(() => ({ - overflow: 'auto', - flex: 1, - width: '100%', -})) +const ScrollWrapper = styled(Flex)` + overflow-y: auto; + overflow-x: hidden; + flex: 1; + width: 100%; +`