diff --git a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionAccess/ConnectionAccess.tsx b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionAccess/ConnectionAccess.tsx
index 503e192047..59e76ca21c 100644
--- a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionAccess/ConnectionAccess.tsx
+++ b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionAccess/ConnectionAccess.tsx
@@ -82,7 +82,7 @@ export const ConnectionAccess = observer(function ConnectionAccess({
if (controller.isLoading) {
return styled(style)(
-
+
);
}
@@ -124,7 +124,7 @@ export const ConnectionAccess = observer(function ConnectionAccess({
))}
-
+
);
});
diff --git a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionForm.tsx b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionForm.tsx
index a026bbe9e4..6960a81617 100644
--- a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionForm.tsx
+++ b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/ConnectionForm.tsx
@@ -38,10 +38,6 @@ const styles = composes(
content-box {
composes: theme-background-secondary theme-border-color-background from global;
}
-
- GrantedSubjects {
- composes: theme-background-surface from global;
- }
`,
css`
box {
@@ -59,21 +55,10 @@ const styles = composes(
overflow: auto;
}
- SubmittingForm {
- flex: 1;
- display: flex;
- flex-direction: column;
- }
-
fill {
flex: 1;
}
- SubmittingForm, Loader {
- min-height: 320px;
- max-height: 500px;
- }
-
Button:not(:first-child) {
margin-right: 24px;
}
diff --git a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/OriginInfo/OriginInfo.tsx b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/OriginInfo/OriginInfo.tsx
index 98ccc903e9..bcdd348bae 100644
--- a/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/OriginInfo/OriginInfo.tsx
+++ b/webapp/packages/core-connections/src/Administration/Connections/ConnectionForm/OriginInfo/OriginInfo.tsx
@@ -67,7 +67,7 @@ export const OriginInfo: TabContainerPanelComponent = obse
if (state.loading) {
return (
-
+
);
}
@@ -99,7 +99,7 @@ export const OriginInfo: TabContainerPanelComponent = obse
autoHide
/>
-
+
);
});
diff --git a/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx b/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx
index 0a87f5d0d1..8d614d4863 100644
--- a/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx
+++ b/webapp/packages/core-connections/src/Administration/Connections/ConnectionsTable/ConnectionEdit.tsx
@@ -7,10 +7,10 @@
*/
import { observer } from 'mobx-react';
-import { useContext, useCallback } from 'react';
+import { useContext, useCallback, useRef, useEffect } from 'react';
import styled, { css } from 'reshadow';
-import { TableContext } from '@cloudbeaver/core-blocks';
+import { Loader, TableContext } from '@cloudbeaver/core-blocks';
import { useController } from '@cloudbeaver/core-di';
import { useStyles, composes } from '@cloudbeaver/core-theming';
@@ -28,7 +28,7 @@ const styles = composes(
box {
box-sizing: border-box;
padding: 24px;
- min-height: 320px;
+ min-height: 440px;
max-height: 500px;
display: flex;
flex-direction: column;
@@ -43,19 +43,27 @@ interface Props {
export const ConnectionEdit = observer(function ConnectionEdit({
item,
}: Props) {
+ const boxRef = useRef(null);
const tableContext = useContext(TableContext);
const collapse = useCallback(() => tableContext?.setItemExpand(item, false), [tableContext, item]);
const controller = useController(ConnectionEditController, item);
+ useEffect(() => {
+ boxRef.current?.scrollIntoView({
+ behavior: 'smooth',
+ block: 'nearest',
+ });
+ }, []);
+
return styled(useStyles(styles))(
-
- {controller.connection && (
+
+ {controller.connection ? (
- )}
+ ) : }
);
});
diff --git a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/OriginInfo.tsx b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/OriginInfo.tsx
index 1269566cd0..61fadbed45 100644
--- a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/OriginInfo.tsx
+++ b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/OriginInfo.tsx
@@ -71,7 +71,7 @@ export const OriginInfo: TabContainerPanelComponent = observer(f
if (state.loading) {
return (
-
+
);
}
@@ -103,7 +103,7 @@ export const OriginInfo: TabContainerPanelComponent = observer(f
autoHide
/>
-
+
);
});
diff --git a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserForm.tsx b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserForm.tsx
index fdb2f6f0ef..11428716ce 100644
--- a/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserForm.tsx
+++ b/webapp/packages/plugin-authentication/src/Administration/Users/UserForm/UserForm.tsx
@@ -142,7 +142,7 @@ export const UserForm = observer(function UserForm({
- {controller.isLoading && }
+
{controller.error.responseMessage && (
(null);
const controller = useController(UserEditController, item);
const tableContext = useContext(TableContext);
const collapse = useCallback(() => tableContext?.setItemExpand(item, false), [tableContext]);
+ useEffect(() => {
+ boxRef.current?.scrollIntoView({
+ behavior: 'smooth',
+ block: 'nearest',
+ });
+ }, []);
+
return styled(useStyles(styles))(
-
- {controller.user && (
+
+ {controller.user ? (
- )}
+ ) : }
);
});