mirror of
https://github.com/open-metadata/OpenMetadata.git
synced 2026-01-07 21:16:45 +00:00
MINOR: fix the glossary pagination issue (#19954)
* fix the glossary infinite scroll issue * remove unwanted height
This commit is contained in:
parent
a41c14c546
commit
e9e0ed0968
@ -22,7 +22,8 @@ const PanelContainer: React.FC<React.PropsWithChildren<PanelContainerProps>> =
|
||||
return (
|
||||
<div
|
||||
className={classNames(className, 'panel-container')}
|
||||
data-testid="panel-container">
|
||||
data-testid="panel-container"
|
||||
id="panel-container">
|
||||
{overlay && width <= overlay.displayThreshold && (
|
||||
<div className="light-overlay">
|
||||
<Typography.Title
|
||||
|
||||
@ -79,7 +79,8 @@ const GlossaryPage = () => {
|
||||
useState<boolean>(false);
|
||||
const [elementRef, isInView] = useElementInView({
|
||||
...observerOptions,
|
||||
rootMargin: '10px',
|
||||
root: document.querySelector('#panel-container'),
|
||||
rootMargin: '0px 0px 2px 0px',
|
||||
});
|
||||
const { paging, pageSize, handlePagingChange } = usePaging();
|
||||
|
||||
@ -492,8 +493,9 @@ const GlossaryPage = () => {
|
||||
<>
|
||||
<GlossaryLeftPanel glossaries={glossaries} />
|
||||
<div
|
||||
className="h-[1px] w-full"
|
||||
className="w-full"
|
||||
data-testid="glossary-left-panel-scroller"
|
||||
id="observer-element"
|
||||
ref={elementRef as RefObject<HTMLDivElement>}
|
||||
/>
|
||||
{isMoreGlossaryLoading && <Loader />}
|
||||
|
||||
Loading…
x
Reference in New Issue
Block a user