highperfocused/danswer
1
0
Fork 0
mirror of https://github.com/danswer-ai/danswer.git synced 2025-04-09 04:18:32 +02:00
Code Issues Packages Projects Releases Wiki Activity

Add scrollbar to search / chat (#2121)

Browse Source 
* add scrollbar to search / chat

* show overflow for lists
This commit is contained in:
pablodanswer 2024-08-12 20:07:37 -07:00 committed by GitHub
parent bbb8c5ff0b
commit e12ed7750a
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
3 changed files with 5 additions and 5 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
web/src/app/chat/ChatPage.tsx
View File

@ -1330,7 +1330,7 @@ export function ChatPage({
>
{/* <input {...getInputProps()} /> */}
<div
className={`w-full h-full flex flex-col overflow-y-auto overflow-x-hidden relative`}
className={`w-full h-full flex flex-col overflow-y-auto include-scrollbar overflow-x-hidden relative`}
ref={scrollableDivRef}
>
{/* ChatBanner is a custom banner that displays a admin-specified message at

2
web/src/app/chat/message/Messages.tsx
View File

@ -356,7 +356,7 @@ export const AIMessage = ({
<FileDisplay files={files || []} />
{typeof content === "string" ? (
<div className="overflow-x-auto w-full pr-2 max-w-[675px]">
<div className="overflow-x-visible w-full pr-2 max-w-[675px]">
<ReactMarkdown
key={messageId}
className="prose max-w-full"

6
web/src/components/search/SearchSection.tsx
View File

@ -569,7 +569,7 @@ export const SearchSection = ({
return (
<>
<div className="flex relative w-full pr-[8px] h-full text-default">
<div className="flex relative pr-[8px] h-full text-default">
{popup}
{currentFeedback && (
<FeedbackModal
@ -618,7 +618,7 @@ export const SearchSection = ({
</div>
</div>
<div className="absolute left-0 w-full top-0">
<div className="absolute include-scrollbar h-screen overflow-y-auto left-0 w-full top-0">
<FunctionalHeader
sidebarToggled={toggledSidebar}
reset={() => setQuery("")}
@ -644,7 +644,7 @@ export const SearchSection = ({
{
<div
className={`desktop:px-24 w-full ${chatBannerPresent && "mt-10"} pt-10 relative max-w-[2000px] xl:max-w-[1430px] mx-auto`}
className={` overflow-y-auto desktop:px-24 w-full ${chatBannerPresent && "mt-10"} pt-10 relative max-w-[2000px] xl:max-w-[1430px] mx-auto`}
>
<div className="absolute z-10 mobile:px-4 mobile:max-w-searchbar-max mobile:w-[90%] top-12 desktop:left-0 hidden 2xl:block mobile:left-1/2 mobile:transform mobile:-translate-x-1/2 desktop:w-52 3xl:w-64">
{!settings?.isMobile &&