Creepso/p-stream
1
0
Fork 0
mirror of https://github.com/p-stream/p-stream.git synced 2026-03-11 17:55:33 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

fix scrolling

Browse source
This commit is contained in:
Pas 2025-08-03 13:33:50 -06:00
parent 7cafab767e
commit 68407d7dad
2 changed files with 15 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

2
src/components/overlays/notificationsModal/components/ListView.tsx
View file

@ -111,7 +111,7 @@ export function ListView({
return (
<div
key={notification.guid}
className={`p-4 rounded-lg border transition-all cursor-pointer hover:bg-background-main/50 mr-2 ${
className={`p-4 rounded-lg border transition-all cursor-pointer hover:bg-background-main/50 md:mr-2 ${
isRead
? "bg-background-main border-utils-divider opacity-75"
: "bg-background-main border-type-link/70 shadow-sm"

15
src/components/overlays/notificationsModal/components/NotificationModal.tsx
View file

@ -310,7 +310,20 @@ export function NotificationModal({ id }: NotificationModalProps) {
lastReadIndex
] as HTMLElement;
if (element) {
element.scrollIntoView({ behavior: "smooth", block: "center" });
// Use scrollTop instead of scrollIntoView to avoid scrolling the modal container
const container = containerRef.current;
const elementTop = element.offsetTop;
const containerHeight = container.clientHeight;
const elementHeight = element.clientHeight;
// Calculate the scroll position to center the element
const scrollTop =
elementTop - containerHeight / 2 + elementHeight / 2;
container.scrollTo({
top: Math.max(0, scrollTop),
behavior: "smooth",
});
}
}
}