diff options
| author | Beebles <102569435+beebls@users.noreply.github.com> | 2025-09-26 15:54:10 -0600 |
|---|---|---|
| committer | Beebles <102569435+beebls@users.noreply.github.com> | 2025-09-26 15:54:10 -0600 |
| commit | 6eab1c1e1645eb77129e6124d28acabfcf213f30 (patch) | |
| tree | 554e6708a86261b794ac83d9eae8d6bcd3ce64da | |
| parent | 002f0db04a50cb9e0e07f66fde2b7bf1ec699859 (diff) | |
| download | decky-loader-6eab1c1e1645eb77129e6124d28acabfcf213f30.tar.gz decky-loader-6eab1c1e1645eb77129e6124d28acabfcf213f30.zip | |
add scroll overflow
| -rw-r--r-- | frontend/src/components/AnnouncementsDisplay.tsx | 32 |
1 files changed, 17 insertions, 15 deletions
diff --git a/frontend/src/components/AnnouncementsDisplay.tsx b/frontend/src/components/AnnouncementsDisplay.tsx index e3a07e2d..fa057045 100644 --- a/frontend/src/components/AnnouncementsDisplay.tsx +++ b/frontend/src/components/AnnouncementsDisplay.tsx @@ -178,7 +178,7 @@ function AnnouncementModal({ onHide: () => void; }) { return ( - <ModalRoot> + <ModalRoot onCancel={closeModal} onEscKeypress={closeModal}> <style> {` .steam-focus { @@ -200,20 +200,22 @@ function AnnouncementModal({ } `} </style> - <h1>{announcement.title}</h1> - <WithSuspense> - <MarkdownRenderer - onDismiss={() => { - console.log('Dismiss'); - closeModal?.(); - }} - > - {announcement.text} - </MarkdownRenderer> - </WithSuspense> - <Focusable style={{ display: 'flex', gap: '0.5rem' }}> - <DialogButton onClick={() => onHide()}>Close Popup</DialogButton> - <DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton> + <Focusable style={{display: "flex", flexDirection: "column", gap: "0.5rem", overflowY: "scroll", height: "80vh"}}> + <h1>{announcement.title}</h1> + <WithSuspense> + <MarkdownRenderer + onDismiss={() => { + console.log('Dismiss'); + closeModal?.(); + }} + > + {announcement.text} + </MarkdownRenderer> + </WithSuspense> + <Focusable style={{ display: 'flex', gap: '0.5rem' }}> + <DialogButton onClick={() => onHide()}>Close Popup</DialogButton> + <DialogButton onClick={() => onHide()}>Close and Hide Announcement</DialogButton> + </Focusable> </Focusable> </ModalRoot> ); |