geckon01/decky-loader
1
0
Fork 0
mirror of https://github.com/SteamDeckHomebrew/decky-loader.git synced 2026-07-11 16:51:58 +00:00
Code Issues Packages Projects Releases Wiki Activity

fix scrollpanel group

Browse Source
This commit is contained in:
Beebles
2025-09-26 16:08:09 -06:00
parent e2f36091e2
commit 8bb4ff7118
1 changed files with 25 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/AnnouncementsDisplay.tsx
+25 -23
View File
@@ -200,35 +200,37 @@ function AnnouncementModal({
} }
`} `}
</style> </style>
<ScrollPanelGroup <Focusable style={{ display: 'flex', flexDirection: 'column', gap: '0.5rem', height: '80vh' }}>
// @ts-ignore
focusable={true}
style={{ height: '80vh' }}
// onCancelButton doesn't work here
onCancelActionDescription="Back"
onButtonDown={(evt: any) => {
if (!evt?.detail?.button) return;
if (evt.detail.button === 2) {
closeModal?.();
}
}}
>
<h1>{announcement.title}</h1> <h1>{announcement.title}</h1>
<WithSuspense> <ScrollPanelGroup
<MarkdownRenderer // @ts-ignore
onDismiss={() => { focusable={true}
console.log('Dismiss'); style={{ flex: 1, height: '100%' }}
// onCancelButton doesn't work here
onCancelActionDescription="Back"
onButtonDown={(evt: any) => {
if (!evt?.detail?.button) return;
if (evt.detail.button === 2) {
closeModal?.(); closeModal?.();
}} }
> }}
{announcement.text} >
</MarkdownRenderer> <WithSuspense>
</WithSuspense> <MarkdownRenderer
onDismiss={() => {
console.log('Dismiss');
closeModal?.();
}}
>
{announcement.text}
</MarkdownRenderer>
</WithSuspense>
</ScrollPanelGroup>
<Focusable style={{ display: 'flex', gap: '0.5rem' }}> <Focusable style={{ display: 'flex', gap: '0.5rem' }}>
<DialogButton onClick={() => onHide()}>Close Popup</DialogButton> <DialogButton onClick={() => onHide()}>Close Popup</DialogButton>
<DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton> <DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton>
</Focusable> </Focusable>
</ScrollPanelGroup> </Focusable>
</ModalRoot> </ModalRoot>
); );
} }