PromucFlow_constructor/app/client
Aswath K 412c48481e
feat: Vertical alignment and row gaps for Auto Layout (#21888)
## Description

- Defined the default vertical alignment of widgets within a row. Now,
all widgets will align bottom except container widget which will align
top
- Added a predefined row gap of 12px in the case of desktop and 8px in
the case of mobile viewport.

Fixes #22227
Fixes #22228

## Type of change

- New feature (non-breaking change which adds functionality)

## How Has This Been Tested?

- Manual
- Drag n drop multiple widgets, verified all the widgets except
container widget are bottom aligned and container widget is top aligned
- Checked if the row gap is 12px in the case of non-mobile viewport and
it is 8px in the case of mobile viewport
  - Checked if the highlights are shown in the proper position
  - Tested some templates after conversion

### Test Plan
> Add Testsmith test cases links that relate to this PR

### Issues raised during DP testing
> Link issues raised during DP testing for better visiblity and tracking
(copy link from comments dropped on this PR)


## Checklist:
### Dev activity
- [x] My code follows the style guidelines of this project
- [x] I have performed a self-review of my own code
- [ ] I have commented my code, particularly in hard-to-understand areas
- [ ] I have made corresponding changes to the documentation
- [x] My changes generate no new warnings
- [ ] I have added tests that prove my fix is effective or that my
feature works
- [x] New and existing unit tests pass locally with my changes
- [x] PR is being merged under a feature flag


### QA activity:
- [ ] Test plan has been approved by relevant developers
- [ ] Test plan has been peer reviewed by QA
- [ ] Cypress test cases have been added and approved by either SDET or
manual QA
- [ ] Organized project review call with relevant stakeholders after
Round 1/2 of QA
- [ ] Added Test Plan Approved label after reveiwing all Cypress test

---------

Co-authored-by: rahulramesha <rahul@appsmith.com>
Co-authored-by: Ashok Kumar M <35134347+marks0351@users.noreply.github.com>
Co-authored-by: Arsalan <arsalanyaldram0211@outlook.com>
Co-authored-by: Preet <preetsidhu.bits@gmail.com>
2023-04-20 10:44:37 +05:30
..
.husky chore: improve husky and lint-staged checks (#21679) 2023-03-23 17:02:18 +05:30
cypress fix: Include port number while constructing blob url in camera widget and plugin action execution (#22458) 2023-04-19 23:59:56 +05:30
docker fix: Revert container-internal communication when using IPv6 (#21260) 2023-03-08 21:03:46 +05:30
generators chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
packages chore: headless checkbox and styled checkbox component (#22380) 2023-04-18 17:21:56 +05:30
patches
perf ci: run fat container docker inside perf tests and update setup-perf-test workflow to use localhost for accessing dev environment (#20280) 2023-02-07 15:56:41 +05:30
public test: Cypress - Automated basic tests for MsSQL DS (#21446) 2023-03-16 23:58:32 +05:30
src feat: Vertical alignment and row gaps for Auto Layout (#21888) 2023-04-20 10:44:37 +05:30
test feat: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
typings feat: peek overlay (#20053) 2023-02-17 21:33:34 +05:30
.babelrc chore: Yarn workspaces + Storybook + WDS (#20776) 2023-03-03 12:17:35 +05:30
.dockerignore
.editorconfig
.eslintrc.json chore: improve husky and lint-staged checks (#21679) 2023-03-23 17:02:18 +05:30
.gitignore feat: put airgap client build in a separate folder (#22413) 2023-04-18 14:10:11 +05:30
.lintstagedrc chore: improve husky and lint-staged checks (#21679) 2023-03-23 17:02:18 +05:30
.nvmrc
.prettierignore ci: Add lint check to the build step (#21442) 2023-03-20 22:50:44 +05:30
.prettierrc chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
.sentryclirc
build.sh feat: put airgap client build in a separate folder (#22413) 2023-04-18 14:10:11 +05:30
craco.build.config.js feat: put airgap client build in a separate folder (#22413) 2023-04-18 14:10:11 +05:30
craco.common.config.js chore: Yarn workspaces + Storybook + WDS (#20776) 2023-03-03 12:17:35 +05:30
craco.dev.config.js chore: updated dependencies removed unused dependencies. (#19441) 2023-01-06 19:12:03 +05:30
cypress_ci.json test: Cypress Flaky fixes + Mock api update + PgAdminspec fix (#20032) 2023-02-02 13:29:24 +05:30
cypress.json test: Cypress Flaky fixes + Mock api update + PgAdminspec fix (#20032) 2023-02-02 13:29:24 +05:30
Dockerfile
download-assets.js feat: util to serve images locally or via remote url (#22080) 2023-04-10 12:32:31 +05:30
jest.config.js fix: Remove extra event and old disable var (#20624) 2023-02-15 19:16:04 +05:30
package.json chore: Updating the version for design-system-old dependency (#22420) 2023-04-17 07:04:26 +05:30
README.md
README.old.md
start-https.sh chore: Disable all caching during dev time (#22173) 2023-04-10 13:25:17 +05:30
tailwind.config.js feat: Add widget responsiveness and conversion algorithm (#21386) 2023-04-07 09:51:35 -04:00
tsconfig.json chore: upgrade to prettier v2 + enforce import types (#21013)Co-authored-by: Satish Gandham <hello@satishgandham.com> Co-authored-by: Satish Gandham <satish.iitg@gmail.com> 2023-03-16 17:11:47 +05:30
tsconfig.path.json
vercel.json
yarn.lock chore: headless checkbox and styled checkbox component (#22380) 2023-04-18 17:21:56 +05:30

Appsmith Client

This project was bootstrapped with Create React App.

For details on setting up your development machine, please refer to the Setup Guide