You are viewing a plain text version of this content. The canonical link for it is here.
Posted to commits@airflow.apache.org by je...@apache.org on 2022/09/26 22:07:41 UTC
[airflow] branch main updated: Fix scroll overflow for ConfirmDialog (#26681)
This is an automated email from the ASF dual-hosted git repository.
jedcunningham pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/airflow.git
The following commit(s) were added to refs/heads/main by this push:
new a836899358 Fix scroll overflow for ConfirmDialog (#26681)
a836899358 is described below
commit a83689935867b02fe1502e263f7dd1febff732ed
Author: pierrejeambrun <pi...@gmail.com>
AuthorDate: Tue Sep 27 00:07:33 2022 +0200
Fix scroll overflow for ConfirmDialog (#26681)
---
airflow/www/static/js/components/ConfirmDialog.tsx | 5 +++--
1 file changed, 3 insertions(+), 2 deletions(-)
diff --git a/airflow/www/static/js/components/ConfirmDialog.tsx b/airflow/www/static/js/components/ConfirmDialog.tsx
index 45280d8144..8a2d0c8729 100644
--- a/airflow/www/static/js/components/ConfirmDialog.tsx
+++ b/airflow/www/static/js/components/ConfirmDialog.tsx
@@ -47,6 +47,7 @@ const ConfirmDialog = ({
}: Props) => {
const initialFocusRef = useRef<HTMLButtonElement>(null);
const containerRef = useContainerRef();
+
return (
<AlertDialog
isOpen={isOpen}
@@ -58,12 +59,12 @@ const ConfirmDialog = ({
blockScrollOnMount={false}
>
<AlertDialogOverlay>
- <AlertDialogContent>
+ <AlertDialogContent maxHeight="90vh">
<AlertDialogHeader fontSize="4xl" fontWeight="bold">
{title}
</AlertDialogHeader>
- <AlertDialogBody>
+ <AlertDialogBody overflowY="auto">
<Text mb={2}>{description}</Text>
{Array.isArray(body) && body.map((ti) => (<Code key={ti} fontSize="lg">{ti}</Code>))}
</AlertDialogBody>