Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Search table 3 #3386

Closed
wants to merge 8 commits into from
Closed

Search table 3 #3386

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
92319cf
feat: Add horizontal scrolling to table container in SearchFullUI
theosanderson Dec 5, 2024
307b6df
update
theosanderson Dec 5, 2024
3b67109
update
theosanderson Dec 5, 2024
430aaed
update
theosanderson Dec 5, 2024
bb60a3d
use visible
theosanderson Dec 5, 2024
84a8432
update
theosanderson Dec 5, 2024
0cd6d8d
push
theosanderson Dec 6, 2024
898f3ac
Merge branch 'main' into search-table-3
theosanderson Dec 6, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
4 changes: 3 additions & 1 deletion website/src/components/SearchPage/SearchFullUI.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -270,7 +270,9 @@ export const InnerSearchFullUI = ({
setIsHalfScreen={setPreviewHalfScreen}
setPreviewedSeqId={setPreviewedSeqId}
/>
<div className='md:w-[18rem]'>

<div className='md:w-[18rem] sticky left-0'>

<SearchForm
organism={organism}
clientConfig={clientConfig}
Expand Down
2 changes: 1 addition & 1 deletion website/src/components/SearchPage/Table.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -133,7 +133,7 @@ export const Table: FC<TableProps> = ({
);

return (
<div className='w-full overflow-x-auto text-sm' aria-label='Search Results Table'>
<div className='w-full overflow-x-visible text-sm' aria-label='Search Results Table'>
<Tooltip id='table-tip' />
{data.length !== 0 ? (
<table className='min-w-full text-left border-collapse'>
Expand Down
7 changes: 5 additions & 2 deletions website/src/layouts/BaseLayout.astro
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,6 @@
---
import '../styles/base.scss';
import { ToastContainer } from 'react-toastify';

Check warning on line 3 in website/src/layouts/BaseLayout.astro

View workflow job for this annotation

GitHub Actions / Check format and types 

Parse errors in imported module 'react-toastify': parser.parse is not a function (undefined:undefined)

import Navigation from '../components/Navigation/Navigation.astro';
import OrganismSelector from '../components/Navigation/OrganismSelector.astro';
Expand Down Expand Up @@ -42,6 +42,7 @@
</head>
<body>
{backendIsInDebugMode && <div class='bg-red-500 text-white text-center p-2'>Backend is in debug mode</div>}

<Banner
message={bannerMessage}
lastTimeBannerWasClosed={lastTimeBannerWasClosed !== undefined
Expand All @@ -50,10 +51,11 @@
serverTime={Date.now()}
client:load
/>

<div class='flex flex-col min-h-screen w-11/12 mx-auto'>
<ToastContainer client:load />
<header class='bg-white h-fit z-30'>
<nav class='flex justify-between items-center p-4'>
<header class='bg-white h-fit z-30 '>
<nav class='flex justify-between items-center p-4 '>
<div class='flex justify-start'>
<div class='flex flex-col'>
<div class='flex flex-row pb-3'>
Expand All @@ -78,6 +80,7 @@

<slot name='banner' />
</header>


<div class:list={['flex-grow', 'mt-3', 'mb-5', noHorizontalPadding === true ? '' : 'px-4']}>
<slot />
Expand Down
Loading