mirror of https://github.com/buster-so/buster.git
scroll more reliable
This commit is contained in:
parent
5e2033e2f4
commit
1efc0653d4
|
@ -89,7 +89,7 @@ export const MetricStylingApp: React.FC<{
|
||||||
);
|
);
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<div className="flex h-full w-full flex-col pt-3">
|
<div className="flex h-full w-full flex-col overflow-hidden pt-3">
|
||||||
<MetricStylingAppSegment
|
<MetricStylingAppSegment
|
||||||
className="px-4"
|
className="px-4"
|
||||||
segment={segment}
|
segment={segment}
|
||||||
|
|
|
@ -28,20 +28,22 @@ export const AvailableItemsList: React.FC<AvailableItemsListProps> = ({
|
||||||
(isOver || isActive) && activeZone !== SelectAxisContainerId.Available;
|
(isOver || isActive) && activeZone !== SelectAxisContainerId.Available;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
<StylingLabel id="available-items-list" label="Available" ref={setNodeRef}>
|
<div ref={setNodeRef}>
|
||||||
<div
|
<StylingLabel id="available-items-list" label="Available">
|
||||||
className={cn(
|
<div
|
||||||
'mb-1',
|
className={cn(
|
||||||
showDeleteHoverState ? 'rounded bg-red-100 shadow-[0_0_3px_1px] shadow-red-300' : ''
|
'mb-1',
|
||||||
)}>
|
showDeleteHoverState ? 'rounded bg-red-100 shadow-[0_0_3px_1px] shadow-red-300' : ''
|
||||||
{items.map((item) => (
|
)}>
|
||||||
<SelectAxisSortableItem
|
{items.map((item) => (
|
||||||
key={item.id}
|
<SelectAxisSortableItem
|
||||||
item={item}
|
key={item.id}
|
||||||
zoneId={SelectAxisContainerId.Available}
|
item={item}
|
||||||
/>
|
zoneId={SelectAxisContainerId.Available}
|
||||||
))}
|
/>
|
||||||
</div>
|
))}
|
||||||
</StylingLabel>
|
</div>
|
||||||
|
</StylingLabel>
|
||||||
|
</div>
|
||||||
);
|
);
|
||||||
};
|
};
|
||||||
|
|
Loading…
Reference in New Issue