Skip to content

Styling fixes/improvements #649

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 6 commits into from
Jan 19, 2024
Merged

Styling fixes/improvements #649

Changes from 1 commit
Commits
Show all changes
6 commits
Select commit Hold shift + click to select a range
951b904
fix repositoryUrl check in workflows
raheeliftikhar5 Jan 19, 2024
54cf4db
fix styles for sortable column header
raheeliftikhar5 Jan 19, 2024
f341397
adding background styles in container
raheeliftikhar5 Jan 19, 2024
e818a27
adding background styles in container
raheeliftikhar5 Jan 19, 2024
c063b69
updated tabs container styles
raheeliftikhar5 Jan 19, 2024
a0199e4
handle form height based for fixed height setting
raheeliftikhar5 Jan 19, 2024
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
Prev Previous commit
handle form height based for fixed height setting
  • Loading branch information
@raheeliftikhar5
raheeliftikhar5 committed Jan 19, 2024
commit a0199e4d62aedccb6896da6a4ede57f22a56960b
29 changes: 23 additions & 6 deletions client/packages/lowcoder/src/comps/comps/formComp/formComp.tsx
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -57,6 +57,17 @@ import log from "loglevel";
import { DisabledContext } from "comps/generators/uiCompBuilder";
import { LoadingOutlined } from "@ant-design/icons";
import { messageInstance } from "lowcoder-design";
import { styled } from "styled-components";

const FormWrapper = styled.div`
height: 100%;
.ant-spin-nested-loading {
height: 100%;
.ant-spin-container {
height: 100%;
}
}
`;

const eventOptions = [submitEvent] as const;

Expand Down Expand Up @@ -172,12 +183,18 @@ const FormBaseComp = (function () {
return new ContainerCompBuilder(childrenMap, (props, dispatch) => {
return (
<DisabledContext.Provider value={props.disabled}>
<Spin indicator={loadingIcon} spinning={props.loading}>
<TriContainer
{...props}
hintPlaceholder={<BodyPlaceholder {...props} dispatch={dispatch} />}
/>
</Spin>
<FormWrapper>
<Spin
indicator={loadingIcon}
spinning={props.loading}
style={{height: '100%'}}
>
<TriContainer
{...props}
hintPlaceholder={<BodyPlaceholder {...props} dispatch={dispatch} />}
/>
</Spin>
</FormWrapper>
</DisabledContext.Provider>
);
})
Expand Down