shrinking modal

mongodb-js · May 23, 2024 · 3c862b9 · 3c862b9
1 parent e4d59a9
commit 3c862b9
Show file tree

Hide file tree

Showing 2 changed files with 6 additions and 2 deletions.
diff --git a/...ion-form/src/components/advanced-options-tabs/ssh-tunnel-tab/proxy-and-ssh-tunnel-tab.tsx b/...ion-form/src/components/advanced-options-tabs/ssh-tunnel-tab/proxy-and-ssh-tunnel-tab.tsx
@@ -71,6 +71,10 @@ const contentStyles = css({
   marginTop: spacing[3],
 });
 
+const radioBoxGroupStyles = css({
+  paddingBottom: spacing[2], // don't cut off the focus ring in the modal
+});
+
 const getSelectedTunnelType = (
   connectionStringUrl: ConnectionStringUrl,
   connectionOptions?: ConnectionOptions
@@ -171,7 +175,7 @@ function ProxyAndSshTunnelTab({
         id="ssh-options-radio-box-group"
         onChange={optionSelected}
         size="compact"
-        className="radio-box-group-style"
+        className={radioBoxGroupStyles}
       >
         {options.map(({ title, id, type }) => {
           return (

diff --git a/packages/connection-form/src/components/connection-form.tsx b/packages/connection-form/src/components/connection-form.tsx
@@ -65,7 +65,7 @@ const formContainerStyles = css({
 const formContentStyles = css({
   display: 'flex',
   columnGap: spacing[3],
-  maxHeight: '720px',
+  maxHeight: `calc(min(720px, 100vh - 300px))`,
   overflow: 'auto',
   scrollbarGutter: 'stable',
 });