Protei/PromucFlow_constructor
2
0
Fork 0
Code Issues Pull Requests Actions 2 Packages Projects Releases Wiki Activity

fix: Alignment of point numbers in welcome pages (#9353)

Browse Source 
* fix scroll in panel in property pane

* fix table widget button height issue

* fix alignment issues

* hide canvas selection in preview mode

* filter alignment issue fix

* fix app mode issue with iframe widget

* fix 404 alignment issues

* fix generate page alignemnt issues

* fix jsobjects empty container alignment issues

* fix comments width issue

* fix alignment issues
This commit is contained in:
Pawan Kumar 2021-11-26 11:46:08 +05:30 committed by GitHub
parent 5ac086f6ce
commit f738c5e087
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
4 changed files with 6 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
app/client/src/pages/setup/DataCollectionForm.tsx
View File

@ -38,8 +38,8 @@ export default memo(function DataCollectionForm() {
const [allowCollection, setAllowCollection] = useState(true); const [allowCollection, setAllowCollection] = useState(true);
return ( return (
<DataCollectionFormWrapper> <DataCollectionFormWrapper>
<FormHeaderWrapper> <FormHeaderWrapper className="relative flex flex-col items-start">
<FormHeaderIndex>2.</FormHeaderIndex> <FormHeaderIndex className="absolute -left-6">2.</FormHeaderIndex>
<FormHeaderLabel> <FormHeaderLabel>
{createMessage(WELCOME_FORM_DATA_COLLECTION_HEADER)} {createMessage(WELCOME_FORM_DATA_COLLECTION_HEADER)}
</FormHeaderLabel> </FormHeaderLabel>

4
app/client/src/pages/setup/DetailsForm.tsx
View File

@ -45,8 +45,8 @@ export default function DetailsForm(
return ( return (
<DetailsFormWrapper ref={ref}> <DetailsFormWrapper ref={ref}>
<FormHeaderWrapper> <FormHeaderWrapper className="relative flex-col items-start">
<FormHeaderIndex>1.</FormHeaderIndex> <FormHeaderIndex className="absolute -left-6">1.</FormHeaderIndex>
<FormHeaderLabel>{createMessage(WELCOME_FORM_HEADER)}</FormHeaderLabel> <FormHeaderLabel>{createMessage(WELCOME_FORM_HEADER)}</FormHeaderLabel>
</FormHeaderWrapper> </FormHeaderWrapper>
<StyledFormBodyWrapper> <StyledFormBodyWrapper>

4
app/client/src/pages/setup/NewsletterForm.tsx
View File

@ -36,8 +36,8 @@ const NewsletterContainer = styled.div`
export default memo(function NewsletterForm() { export default memo(function NewsletterForm() {
return ( return (
<NewsletterContainer> <NewsletterContainer>
<FormHeaderWrapper> <FormHeaderWrapper className="relative flex-col items-start">
<FormHeaderIndex>3.</FormHeaderIndex> <FormHeaderIndex className="absolute -left-6">3.</FormHeaderIndex>
<FormHeaderLabel> <FormHeaderLabel>
{createMessage(WELCOME_FORM_NEWLETTER_HEADER)} {createMessage(WELCOME_FORM_NEWLETTER_HEADER)}
</FormHeaderLabel> </FormHeaderLabel>

4
app/client/src/pages/setup/common.tsx
View File

@ -13,16 +13,12 @@ export const FormHeaderWrapper = styled.div`
export const FormHeaderLabel = styled.h5` export const FormHeaderLabel = styled.h5`
width: 100%; width: 100%;
font-size: 20px; font-size: 20px;
margin: 8px 0 16px;
font-weight: 500; font-weight: 500;
`; `;
export const FormHeaderIndex = styled.h5` export const FormHeaderIndex = styled.h5`
font-size: 20px; font-size: 20px;
font-weight: 500; font-weight: 500;
position: absolute;
left: -33px;
top: -33px;
`; `;
export const FormBodyWrapper = styled.div` export const FormBodyWrapper = styled.div`