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

add scroll overflow

Browse Source
This commit is contained in:
Beebles
2025-09-26 15:54:10 -06:00
parent 002f0db04a
commit 6eab1c1e16
1 changed files with 17 additions and 15 deletions
Download Patch File Download Diff File Expand all files Collapse all files
frontend/src/components/AnnouncementsDisplay.tsx
+17 -15
View File
@@ -178,7 +178,7 @@ function AnnouncementModal({
onHide: () => void; onHide: () => void;
}) { }) {
return ( return (
<ModalRoot> <ModalRoot onCancel={closeModal} onEscKeypress={closeModal}>
<style> <style>
{` {`
.steam-focus { .steam-focus {
@@ -200,20 +200,22 @@ function AnnouncementModal({
} }
`} `}
</style> </style>
<h1>{announcement.title}</h1> <Focusable style={{display: "flex", flexDirection: "column", gap: "0.5rem", overflowY: "scroll", height: "80vh"}}>
<WithSuspense> <h1>{announcement.title}</h1>
<MarkdownRenderer <WithSuspense>
onDismiss={() => { <MarkdownRenderer
console.log('Dismiss'); onDismiss={() => {
closeModal?.(); console.log('Dismiss');
}} closeModal?.();
> }}
{announcement.text} >
</MarkdownRenderer> {announcement.text}
</WithSuspense> </MarkdownRenderer>
<Focusable style={{ display: 'flex', gap: '0.5rem' }}> </WithSuspense>
<DialogButton onClick={() => onHide()}>Close Popup</DialogButton> <Focusable style={{ display: 'flex', gap: '0.5rem' }}>
<DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton> <DialogButton onClick={() => onHide()}>Close Popup</DialogButton>
<DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton>
</Focusable>
</Focusable> </Focusable>
</ModalRoot> </ModalRoot>
); );